PGR21.com
- PGR21 관련된 질문 및 건의는 [건의 게시판]을 이용바랍니다.
- (2013년 3월 이전) 오래된 질문글은 [이전 질문 게시판]에 있습니다.
통합 규정을 준수해 주십시오. (2015.12.25.)
Date 2020/10/06 15:33:11
Name 유러피언드림
Subject [질문] (웹개발) HTML5 관련 질문입니다.
안녕하세요.

미리 답변에 감사인사 먼저 올리겠습니다.

제가 작은 원격온라인 교육원을 운영하고 있는데요, 개발쪽으로는 거의 문외한입니다.

작은 문제사항이 생겼는데, 저희 콘텐츠를 재생하는 플레이어는 HTML5를 기반으로 제작하여 컴퓨터와
안드로이드(및 아이폰)에서 작동할 수 있게끔 목표로 해서 제작하였습니다. (플레이어 HTML5기반, 순차적으로 재생, swf 등, 영상 mp4를 CDN재생)

근데, 컴퓨터에서는 잘 작동이 되고, 안드로이드에서는 화면크기 조절 등에서 약간의 문제가 있지만
일단 재생은 되는데, 아이폰은 잘 안되고 있는 상황이네요.

지금 저희 외주 담당해주시는 개발자분이 이야기하길
현재 아이폰 운영체계에서는 HTML5로 브라우저상에서의 재생이 되지 않는다.(정확히는 제어권을 가져올 수 없다.
예를 들어, 강의를 뛰어넘기를 못하게끔 타임바를 고정시키는 등) 원한다면 추가적으로 앱을 개발하여야 한다.

정책적으로 안드로이드도 비슷한 분위기로 가는데, 자체 html5플레이어를 통한 재생이 되지만 화면 키우기 버튼을
누르면 기본 영상재생플레이어로 연결된다. 이런문제들은 앱개발로 해결하는게 수월하다.

라고 이야기하시는데, 맞는건지 궁금하네요. 왜냐면, 유튜브라든지, 이런 것들은 특별한 설치 없이 영상재생이
잘 되고 배속이나 이런거 보면 제어권이라 해야할까요? 그런거를 가진상태로 브라우저 내에서 잘 되는 거같은데..

컴알못, 소(프트웨어)알못이라 질문이 좀 저질일수도 있는데,
깨우쳐 주실분을 조심스럽게 기다려보겠습니다.

감사합니다.!

통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
AlwaysAwake
20/10/06 16:04
수정 아이콘
(수정됨) 제어권이라함은, 영상 재생을 누르면 모바일 환경에서 Video player가 전체화면으로 재생되는 것을 말씀하시는 것인지요?
iOS에서 일부 제약사항이 존재하는 것은 맞으나, 앱 개발까지 가지 않아도 웹 상에서 컨트롤러를 자체 개발 하는 방법도 가능합니다. (이 부분의 공수가 결코 작진 않지만요)
유러피언드림
20/10/06 16:23
수정 아이콘
답변 감사드립니다. 제가 좀 지식이 얕다보니 애매모호하게 서술했는데 전체화면, 볼륨 조절, 원하는페이지로 이동(html5 및 mp4재생이 섞여있습니다.), 재생시 타임바 고정(보이게는 하되 조절은 못하게) 등의 기능이 포함된 것을 뜻하였습니다.

현재 사정상 앱을 별도 개발하는 것은 시간과 비용이 너무 힘들어서.. 당분간이라도 기존에 개발된 html5 재생툴을 써먹어야하는데 난감하네요.. 답변 주신 내용의 웹 상 컨트롤러를 자체개발한다는 것이 iOS에서도 잘 작동하는 자체 컨트롤러를 말씀하시는 것인가요?
AlwaysAwake
20/10/06 17:56
수정 아이콘
(수정됨) HTML5 재생툴이라는 것이 무엇인지 궁금합니다. 단순히 HTML video tag 를 활용해서 개발을 하셨다는 뜻인지..
일반적으로 플레이어의 동작을 제어하기 위한 웹 비디오 플레이어를 만들 때에는
모바일 웹 브라우저에서 기본적으로 지원하는 control 옵션을 disable한 뒤 별도의 버튼과 기능을 웹 환경에서 제작하는 방식으로 많이 대응합니다.
유튜브 플레이어도 역시 그렇게 구현되어 있는 것이구요.

iOS에서 전체화면을 강제하는 것은 playsinline 이라는 video tag 옵션으로 제어 가능합니다.
iOS 10 부터 지원하는 옵션이라 최신 기기에는 전부 지원하는 기능이라고 보시면 되고요,
전체화면이나 볼륨 조절도 웹 비디오 플레이어를 단순히 활용해도 전부 사용가능한 기능으로 보입니다.
원하는 페이지 이동은 정확히 어떤 기능을 말씀하시는 것인지 잘 모르겠네요. 영상 Source를 교체하는 것을 말씀하시는 것인지요?
타임바도 커스터마이즈해서 웹 상으로 제작이 가능합니다.

http://m.blog.naver.com/blogpeople/moment/932

위 링크는 제가 제작한 모바일 웹에서 동작하는 비디오 플레이어의 샘플인데요.
여기서 동작하는 기능들이 모두 모바일 웹에서 가능하다고 생각하시면 됩니다. (물론 고도화 정도에 따라 공수는 천차만별입니다)
유러피언드림
20/10/06 18:18
수정 아이콘
답변 정말 감사드립니다.. 페이지 이동은 영상 source 교체 및 html 문서간의 이동을 뜻하는 것이었습니다.

답변 주신 내용을 토대로 좀 더 고민해보겠습니다. 큰 도움이 되었습니다. 감사합니다.!
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
149075 [질문] 유튜브등에서 인디가수, 밴드들을 보며 기시감이 느껴지는데... [14] 1026036 20/10/06 6036
149074 [질문] 일본인 기업인의 한국방문시도 격리해제? [3] 흰둥5248 20/10/06 5248
149073 [질문] 몸이 차가운 사람에게 좋은 음식이 있을까요? [11] 굼시6047 20/10/06 6047
149072 [질문] [LOL] 롤드컵 8강 대진이 이렇게 나온다면? [19] ELESIS5977 20/10/06 5977
149071 [질문] 21:9 모니터 어떤가요? [12] 분당선8442 20/10/06 8442
149070 [질문] 흑초 꾸준히 드시는분 계신가요? dfjiaoefse4453 20/10/06 4453
149069 [질문] 진로 고민 개발자 vs 공무원 [48] recomplete11558 20/10/06 11558
149068 [질문] (웹개발) HTML5 관련 질문입니다. [4] 유러피언드림5073 20/10/06 5073
149067 [질문] 여동생 결혼식인데 어머니 가방 하나 사드릴려고 하는데 고르질 못 하겠습니다.. [24] 배두나6066 20/10/06 6066
149066 [질문] 노트 20, 울트라 차이 [11] 어...5374 20/10/06 5374
149065 [질문] 신혼집 인터넷 + TV + 넷플릭스를 들일려고 합니다. [25] 신류진7590 20/10/06 7590
149064 [질문] 갤럭시 폴드2 자급제 구입 [4] moonland5867 20/10/06 5867
149063 [질문] 자전거 충동구매했는데요.. [7] 포프의대모험5107 20/10/06 5107
149062 [질문] 태블릿 추천해주세요. [10] Snow halation8422 20/10/06 8422
149061 [질문] 냅킨이나 티슈도 변기에 버리면 안되나요?? [8] 미라클신화10195 20/10/06 10195
149060 [질문] 국내에서 파는 박하사탕 중에 제일 센 게 어떤 제품인가요? [2] 샤르미에티미5777 20/10/06 5777
149059 [질문] 자료 백업용 하드디스크 어떻게 사면 좋을 지 질문드립니다. [18] Ellun6210 20/10/06 6210
149058 [질문] 사립초보내면 이런거 안배우게 할 수 있나요? [12] 곽철용6536 20/10/06 6536
149057 [질문] 결재 전 마지막 컴퓨터 견적부탁드려요! [5] 모토무라 아오이5725 20/10/06 5725
149056 [질문] 뻘질문인데요.. 롤대회할때 모니터 144hz인가요? [2] ush7056 20/10/06 7056
149055 [질문] 사운드바와 티비 브랜드 반드시 일치해야하는지 궁금합니다. [4] 샤한샤5098 20/10/06 5098
149054 [질문] 서울 내 장소 질문입니다. [2] Golden4955 20/10/06 4955
149053 [질문] 가디언테일즈 리세 질문입니다. [17] 부처5115 20/10/06 5115
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
맨 위로