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

답변 주신 내용을 토대로 좀 더 고민해보겠습니다. 큰 도움이 되었습니다. 감사합니다.!
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
149227 [질문] [LOL] 롤드컵 밴픽에 관한 질문 [18] 스타나라7045 20/10/11 7045
149226 [질문] 휴대폰과 노트북 와이파이 뭔가 다른가요? [5] 득이7174 20/10/11 7174
149225 [질문] 5년?만에 구입하는 컴퓨터 견적 문의입니다 [4] 드렁큰냥댕이6421 20/10/11 6421
149224 [질문] 컴퓨터 구매시기 관련 문의드립니다 [20] Kizumi16622 20/10/11 6622
149223 [질문] windows 10에서 Users(사용자) 하위 사용자 폴더명 바꿀 수 있나요? monkeyD4549 20/10/11 4549
149222 [질문] 휴대폰 기변 관련 [4] 삭제됨4870 20/10/11 4870
149221 [질문] 혹시 지금 택배가 와야하는데 멈춰있는분 있나요? [19] 레너블5657 20/10/11 5657
149220 [질문] 비싼 마우스패드는 좀 다른가요? [5] 달달합니다8140 20/10/11 8140
149219 [질문] 해외거주자가 건강보험료 납부가 가능한가요? [5] AKbizs6648 20/10/11 6648
149218 [질문] (스포)인터스텔라 질문입니다. [4] This-Plus6309 20/10/11 6309
149217 [질문] 미국에서 입국해 자가격리중인 친척분에게 선불폰 개통해드리는 방법? [1] 코시엔5968 20/10/11 5968
149215 [질문] 혐)이게 좁쌀여드름 맞나요? [4] 삭제됨6065 20/10/11 6065
149214 [질문] 매운 거 잘 드시는 분들은 안 매운 거 먹으면 밍밍하나요? [4] 아몬7188 20/10/11 7188
149213 [질문] 연구소가 초봉이 많이 높나요? [20] StondColdSaidSo7286 20/10/11 7286
149212 [질문] 유튜브 프리미엄 하면 플레이리스트 만들 수 있나요? [1] 호아킨5666 20/10/11 5666
149210 [질문] 다시한번 컴퓨터 사양 질문 드립니다. [7] 헛스윙어6560 20/10/11 6560
149209 [질문] [LOL] 롤드컵에 진이 왜 나오는건가요? [13] 대학생이잘못하면6444 20/10/11 6444
149208 [질문] 전문대(2) 생명공학/ 생물학과 졸업 후 진로에 대해 문의드립니다. [1] 플래쉬5592 20/10/11 5592
149207 [질문] 낚시의자 추천 좀 부탁드립니다. [2] 삭제됨4452 20/10/11 4452
149206 [질문] 곡 넘기기 기능 가능한 웨어러블 기기문의 [8] purplesoul7466 20/10/11 7466
149205 [질문] 사람들의 이목을 쏠리게 하는 이유? [2] In The Long Run6204 20/10/11 6204
149204 [질문] 그래픽카드 질문이 있읍니다. [2] 시옷시옷히읗6411 20/10/11 6411
149203 [질문] 유튜브 추천영상의 주기? 건전한닉네임35523 20/10/11 5523
목록 이전 다음
댓글

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