HTML5 비디오 스트리밍의 한계를 뛰어 넘다-Panopto 비디오 플랫폼

얼마 전 W3C (World Wide Web Consortium)는 HTML5 사양을 완성했다고 선언했습니다. 최신 버전의 HTML 표준은 Javascript를 사용하는 그래픽 그리기를위한 <canvas> 태그, 웹 페이지에서 콘텐츠를 구성하기위한 구조 태그 및 개선 사항을 포함하여 현재 널리 사용되는 웹 브라우저에서 기본적으로 지원되는 다양한 새로운 기능을 도입했습니다. 웹 기반 양식.

하지만 HTML5의 모든 새로운 기능 중에서 가장 많은 관심을 끌고 가장 흥분을 불러 일으킨 것은 <video> 태그입니다. 이 감정은 W3C HTML 작업 그룹 공동 의장 인 Paul Cotton이 최근에 표준이 완전하다고 선언되었을 때 반영되었습니다.

"HTML5의 가장 중요한 단일 기능은 아마도 <video> 태그 일 것입니다. 오늘날의 웹은 비디오에 대한 더 많은 것으로 빠르게 이동하고 있기 때문입니다."

<video> 태그의 장점은 Flash 및 Silverlight와 같은 타사 애드온없이 웹 브라우저에서 주문형 비디오를 재생할 수 있다는 것입니다. HTML5가 개발되면서 지난 몇 년 동안 브라우저 공급 업체, 장치 제조업체 및 Netflix 및 YouTube와 같은 미디어 회사는 HTML5 비디오에 무게를 두었고 이후 HTML5 비디오 플레이어 생태계가 등장했습니다.

페이지의 상자 : 전통적인 온라인 비디오 시청 경험

하지만 흥미로운 점은 지난 몇 년 동안 HTML5 동영상의 모든 모멘텀 속에서 온라인으로 동영상을 보는 사용자 경험이 실제로 변하지 않았다는 것입니다. 대부분의 경우 온라인 비디오는 여전히 "웹 페이지에 포함 된 작은 상자"를 의미합니다.

그렇다고 기존 HTML5 비디오 플레이어가 세련되고 기능이 뛰어나지 않다는 의미는 아닙니다. VideoJS는 매끄럽게 보이고 작은 크기와 속도로 유명합니다. JWPlayer는 플러그인을 통한 확장 성으로 유명합니다. 그러나 이러한 비디오 플레이어와이를 사용하는 비디오 플랫폼은 모두 2005 년 YouTube를 구동 한 것과 동일한 기본 설계 (다른 콘텐츠로 둘러싸인 웹 페이지에 설정된 단일 비디오 스트림)를 기반으로 구축되었습니다.

유튜브 싱글 스트림 비디오 플레이어

2007 년 (왼쪽), 2014 년 (가운데), 2019 년 (오른쪽)에 YouTube의 "페이지 속 상자"비디오 재생 환경.

 

온라인 비디오 재생 경험을 재고 할 때입니다

유튜브가 2005 년에 출시되었을 때 초고속 인터넷은 미국의 전화 접속 연결에서 시장 점유율이 가장 높았으며 미국의 광대역 연결의 실제 다운로드 속도 중앙값은 1.5 ~ 2Mbps였습니다. 대역폭이 부족한 세상에서 웹 페이지의 작은 상자는 비디오 콘텐츠를 스트리밍하는 효율적인 방법으로 적합했습니다.

앞으로 14 년. 미국의 평균 광대역 속도는 이제 90Mbps 이상이고, 광대역 제공 업체는 이제 소비자에게 표준 제품으로 50, 150, 최대 1000Mbps 연결을 제공하며, 최대 속도로 무료 연결을 제공하는 커피 숍을 찾는 것이 점점 더 보편화되었습니다. 최대 50Mbps (주로 Starbucks ). 대역폭 비용이 0으로가는 추세 인 세상에서 온라인 비디오 시청 방식을 재고 할 수 있습니다.

보다 몰입감 있고 매력적인 비디오 시청 경험은 어떤 모습일까요? 엔터테인먼트 비디오의 경우 1080p 이상의 해상도를 가진 "더 큰 상자"가 좋은 출발점입니다. 그러나 비즈니스 및 대학에서 사용되는 비디오 유형 (교육용 녹화, 비디오 프레젠테이션, 교육 비디오, 강의, 제품 데모 및 시청 회의)에는 몰입 형 비디오 경험에 대한 요구 사항이 다릅니다.

특히, 거의 모든 비디오 프레젠테이션에는 발표자와 콘텐츠의 부분이 있다는 점을 고려하는 것이 중요합니다. 이상적으로는 라이브 청중에있을 때와 마찬가지로 두 가지를 동시에 볼 수 있어야합니다. 그러나 전통적인 "페이지의 상자"경험을 사용하면 둘 중 하나를 시청해야하며 주어진 시간에 어느 것을 시청할지 제어 할 수 없습니다. 이는 프레젠테이션을 녹화 한 비디오 제작자가 제어합니다.

YouTube --- 발표자와 프레젠테이션 사이 선택 -v2
당신은 선택하지 않아야

새로운 접근 방식 : 스마트 동기화를 지원하는 멀티 스트림 HTML5 비디오 플레이어

비즈니스 및 학술 비디오 프레젠테이션, 스크린 캐스트, 라이브 웹 캐스트 및 기타 비디오 콘텐츠의 요구 사항을 충족하기 위해 Panopto는 발표자와 해당 콘텐츠의 동기화 된보기를 볼 수있는 고유 한 비디오 플레이어를 만들었습니다. 회의실, 강의실 또는 회의실에 앉아 프레젠테이션을 라이브로보고 있습니다.

Smart Sync 기술이 적용된 Panopto HTML5 비디오 플레이어

스마트 동기화를 사용하면 발표자와 발표자를 동시에 볼 수 있습니다. 재생 중 언제든지 비디오 피드를 최대화 할 수 있습니다.

우리는 여러 비디오 스트림을 동기화하는 기능을 스마트 동기화라고 합니다. 또한 비디오 플레이어와 스마트 동기화 기능을 설계하여 HTML5에서 완전히 작동합니다.

YouTube가 아닌 모든 것 : Panopto의 비디오 플랫폼 개요 및 데모보기 >>

 

스마트 동기화 기능은 비디오 플랫폼에 쉽게 연결되는 기능이 아닙니다. 여러 비디오 피드간에 1 초 미만의 동기화를 달성하려면 소프트웨어의 모든 측면에 기능을 내장해야합니다. Panopto에서 스마트 동기화를 가능하게하는 세 가지 요소는 다음과 같습니다.

  • 비디오 녹화 및 라이브 웹 캐스팅에 사용되는 당사의 클라이언트 소프트웨어는 비디오의 여러 피드를 인식하고 효율적으로 캡처합니다. 이러한 비디오 피드는 단일 PC에서 시작되거나 PC, Mac 및 모바일 장치의 분산 네트워크에서 시작될 수 있습니다. 초당 최대 60 프레임의 720p 또는 1080p 비디오의 다중 피드가 지원됩니다.
  • 당사의 웹 서비스 및 데이터 모델은 피드 간의 품질 차이, 서로 다른 비디오 형식 및 프레임 속도, 각 비디오 피드의 서로 다른 시작 및 중지 시간, 캡처 시점의 다양한 지연 변수를 고려하여 이러한 비디오 피드를 자동으로 동기화합니다. (카메라, 컴퓨터 모니터 또는 기타 비디오 장치) 처리 지점 (Panopto 서버)까지.
  • HTML5 기반 비디오 플레이어는 잠재적으로 대기 시간이 긴 네트워크에서 여러 비디오 피드를 동시에 재생할 때 훨씬 더 복잡한 버퍼링 문제를 해결합니다.

모든 형태의 교육용 비디오비디오 프레젠테이션 의 경우 멀티 스트림 비디오 재생이 향후 몇 년 동안 새로운 기준이 될 것이며 HTML5 비디오 및 스마트 동기화를 통해이 기능을 제공함으로써 Panopto는 프리미엄 비디오보기를 제공 할 수 있습니다. 가장 광범위한 브라우저 및 장치에 대한 경험.

Panopto의 다중 카메라 HTML5 비디오 플레이어 경험

모든 비디오 피드를 동기화하여 재생할 수 있습니다. 이 예에서 비디오 카메라는 iPhone에서 캡처 한 현미경 비디오와 자동으로 동기화됩니다.

 

Panopto의 HTML5 비디오 플레이어에 대해 자세히 알아보기
회사 또는 대학에서 내부 커뮤니케이션 및 지식 공유를 위해 비디오 사용에 더 많은 투자를하고 있고 최신 인터넷 표준을 기반으로 구축 된 최첨단 비디오 플랫폼을 찾고 있다면 지금 Panopto 무료 평가판을 요청하십시오.