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

답변 주신 내용을 토대로 좀 더 고민해보겠습니다. 큰 도움이 되었습니다. 감사합니다.!
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
149203 [질문] 유튜브 추천영상의 주기? 건전한닉네임35482 20/10/11 5482
149202 [질문] 프로레슬러(?)가 마이크 떨어뜨리는 짤 [3] 세츠나6636 20/10/11 6636
149201 [질문] 법학관련 교양서적 추천부탁드립니다. [3] 쿤쿤당쿤7010 20/10/11 7010
149200 [질문] 영문법 질문드립니다. [7] Aiurr4966 20/10/11 4966
149199 [질문] 소개팅을 해보려는데 어떻게 부탁해야 할까요? [12] 데브레첸9354 20/10/11 9354
149198 [질문] 갤럭시 핏2 질문입니다. [5] 앗!힝!엨!훅!7351 20/10/10 7351
149197 [질문] 드롭스 이거 남들도 저처럼 못받고 있나요? [17] 오클랜드에이스6131 20/10/10 6131
149196 [질문] 조립 컴퓨터 이 정도 사양이면 어떤가요? [14] 크리스 프랫6354 20/10/10 6354
149195 [질문] 원신 계정 나눔합니다 받으실분 있을까요 [3] 처음이란8695 20/10/10 8695
149194 [질문] 노트북 (삼성 or 엘지) 추천해주세요~ [5] BlueSKY--6997 20/10/10 6997
149193 [질문] [스팀] 토탈워 삼국지 dlc 질문입니다. [2] 재입대5641 20/10/10 5641
149192 [질문] 부산 센텀시티 VS 신시가지 [7] 흰둥6852 20/10/10 6852
149191 [질문] 릅탄돌리기는 근거(?)가 있나요? [12] 드워프는뚜벅뚜벅6151 20/10/10 6151
149190 [질문] 갤럭시 입문했는데 궁금한 게 있습니다. [12] Malach6630 20/10/10 6630
149189 [질문] 동영상 시청용 태블릿 추천부탁드립니다! [10] 좋은데이10454 20/10/10 10454
149188 [질문] 혹시 약초(?)에 대해서 좀 아시는 분 있으실까요(사진 첨부) [2] 삭제됨4965 20/10/10 4965
149187 [질문] 손흥민 선수 빅클럽 이적가능할까요? [29] wish buRn8272 20/10/10 8272
149186 [질문] 무선이어폰 유저 분들 만족하시나요? [31] 청자켓6750 20/10/10 6750
149185 [질문] 전기 승압 공사를 해야하는 상황인가요? [4] 약쟁이6407 20/10/10 6407
149184 [질문] 라이트닝 케이블 사려고 하는데 어떤게 좋아요? [3] 사람은누구나죽습니다4802 20/10/10 4802
149183 [질문] 남양주 데이트코스 추천 부탁드립니다. [1] Genius4878 20/10/10 4878
149182 [질문] 롤드컵 생방송 중에 그 날 방송 처음부터 볼 수 있나요? [14] 하얀마녀5530 20/10/10 5530
149181 [질문] 윈10 부팅usb 만들다가 오류나고 usb인식이 안 됩니다..; [2] nexon7174 20/10/10 7174
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기
회원정보 보기
닫기