HTML 5 비디오 뷰어 사용 우수 사례

Adobe Dynamic Media Classic HTML5 비디오 뷰어 사전 설정은 강력한 비디오 플레이어입니다. 플레이어의 디자인 측면에서는 표준 웹 개발 도구를 사용하여 비디오 플레이어의 전체 기능을 만들 수 있습니다. 예를 들어 HTML5 및 CSS를 사용하여 단추, 컨트롤 및 사용자 지정 포스터 이미지 배경을 디자인하면 사용자 지정된 모습으로 고객 범위를 넓힐 수 있습니다.

뷰어의 재생 측면에서 브라우저의 비디오 기능을 자동으로 검색합니다. 그런 다음 응용 비디오 스트리밍이라고도 하는 HLS(HTTP Live Streaming)를 사용하여 비디오를 제공합니다. 또는 해당 전달 방법이 없으면 HTML5 프로그레시브가 대신 사용됩니다.

단일 플레이어에 결합하여 다음 기능을 제공합니다.

  • HTML 5 및 CSS를 사용하여 디자인된 재생 구성 요소
  • 포함된 재생
  • 브라우저의 기능을 기반으로 적응형 및 점진적 스트리밍 사용

데스크탑 및 모바일 사용자에게 리치 미디어 콘텐츠의 범위를 확장합니다. 또한 간소화된 비디오 환경을 사용할 수 있습니다.

참조 - HTML5 뷰어 정보 Adobe 뷰어 참조 가이드에서 참조할 수 있습니다.

참조 - 뷰어 사전 설정 교육 비디오.

Adobe Dynamic Media Classic Video Viewer를 사용하여 데스크탑 컴퓨터 및 모바일 장치에서 비디오 재생

데스크탑 및 모바일 적응형 비디오 스트리밍의 경우 비트율 전환에 사용되는 비디오는 응용 비디오 세트의 모든 MP4 비디오를 기반으로 합니다.

비디오 재생은 HLS 또는 점진적 비디오를 사용하여 발생합니다. HLS(HTTP Live Streaming)는 네트워크 대역폭 용량에 따라 재생을 자동으로 조정하는 응용 비디오 스트리밍을 위한 Apple 표준입니다. 또한 고객이 나머지 비디오가 다운로드될 때까지 기다릴 필요 없이 비디오의 모든 지점을 "찾기"할 수 있습니다. 참조 - HTTP Live Streaming. 점진적 비디오는 사용자의 데스크탑 화면이나 모바일 장치에 로컬로 비디오를 다운로드하여 저장하여 전달됩니다.

다음 표에서는 Adobe Dynamic Media Classic Video Viewer를 사용하는 데스크톱 컴퓨터 및 모바일 장치에서 비디오의 장치, 브라우저 및 재생 방법에 대해 설명합니다.

장치 브라우저 비디오 재생 모드
데스크톱 Internet Explorer 9 및 10 점진적 다운로드.
데스크톱 Internet Explorer 11+ HLS 비디오 스트리밍.
데스크톱 Firefox 23-44 점진적 다운로드.
데스크톱 Firefox 45 이상 HLS 비디오 스트리밍.
데스크톱 Chrome HLS 비디오 스트리밍.
데스크톱 Safari(Mac) HLS 비디오 스트리밍.
모바일 Chrome(Android™ 6 이하) 점진적 다운로드.
모바일 Chrome(Android™ 7 이상) HLS 비디오 스트리밍.
모바일 Android™(기본 브라우저) 점진적 다운로드.
모바일 Safari(iOS) HLS 비디오 스트리밍.
모바일 Chrome(iOS) HLS 비디오 스트리밍.
모바일 BlackBerry® HLS 비디오 스트리밍.

이 페이지에서는