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 문서간의 이동을 뜻하는 것이었습니다.

답변 주신 내용을 토대로 좀 더 고민해보겠습니다. 큰 도움이 되었습니다. 감사합니다.!
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
149134 [질문] 직장 옆자리 선배한테 사과해야할까요? 미치겄네요 [18] 삭제됨8078 20/10/08 8078
149133 [질문] 청약저축 세금우대한도 변경 관련 질문입니다. 어빈5858 20/10/08 5858
149132 [질문] 여자친구 온라인콘서트 예매 질문입니다. [2] kogang20015121 20/10/08 5121
149131 [질문] 다리깁스 오래할텐데...집에서 바퀴달린 의자요~ [2] 희원토끼7138 20/10/08 7138
149130 [질문] 직장다니면서 여드름 흉터 치료해보신 분 있으신가요? [10] 삭제됨5392 20/10/08 5392
149129 [질문] 60프레임과 120프레임 차이가 확실히 느껴지나요? [32] 불같은 강속구16068 20/10/08 16068
149128 [질문] 컴퓨터 견적 질문드립니다. [12] 니나노나5269 20/10/08 5269
149127 [삭제예정] 발기부전에서 회복해보신 분들 께 문의 드립니다. [17] 삭제됨7953 20/10/08 7953
149126 [질문] 엔카 보증 된 엔카 매물 어떤가요? [10] 체르마트7633 20/10/08 7633
149125 [질문] 10월 개봉영화 추천 부탁드립니다 [13] 은재5585 20/10/08 5585
149124 [질문] 손님용 라꾸라꾸 같은 간이침대 추천할만 한거 있을까요? [5] 다이어트5708 20/10/08 5708
149123 [질문] 여드름 흉터 치료 프락셀 해보신 분 질문입니다. [1] 삭제됨6492 20/10/08 6492
149122 [질문] pc방에서 와이파이 가능 한 가요? [5] CastorPollux11078 20/10/08 11078
149121 [질문] Oculus Quest 2 사전 주문 후 수입통관 [3] 갑의횡포4820 20/10/08 4820
149120 [질문] xbox 컨트롤러 관련 질문 드립니다. [2] 프레디머큐리5159 20/10/08 5159
149119 [질문] [스위치] 젤다 야숨 질문 드립니다. [7] 시그마5765 20/10/08 5765
149118 [질문] 3070 존버 견적 문의드립니다 [11] inspiration5871 20/10/08 5871
149116 [질문] 전세 연장 관련 질문드립니다. [4] 어빈4740 20/10/08 4740
149115 [질문] 도서 정가제 질문입니다. [2] 헛스윙어6653 20/10/08 6653
149114 [질문] 전자책 질문 입니다. [9] 웅즈5448 20/10/08 5448
149113 [삭제예정] pes2021 가끔 한판씩 같이 하실분 계시려나요? v.Serum6413 20/10/08 6413
149112 [질문] 가디언테일즈 리세계 살건데 골라주세요. [17] 부처6778 20/10/08 6778
149111 [질문] 미국에서 잠깐 한국에 온 여동생 선물은 뭐가좋을까요? [12] 열혈둥이6222 20/10/07 6222
목록 이전 다음
댓글

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