얼마 전 월드 와이드 웹 컨소시엄(W3C)은 HTML5 규격 완료를 선언했습니다. HTML 표준의 최신 버전은 자바스크립트(Javascript)를 사용하는 그래픽 도면을 위한 <캔버스(canvas)> 태그와 웹 페이지에서 컨텐츠를 구성하기 위한 구조 태그 및 웹 기반 양식의 개선 사항을 포함하여 현재 널리 사용되는 웹 브라우저에서 기본적으로 지원되는 다양한 새로운 기능을 도입했습니다.

**그러나 HTML5의 모든 새로운 기능 중에서 가장 많은 관심을 끌고 가장 흥분을 불러 일으킨 것은 <비디오> 태그입니다. W3C HTML 워킹그룹 공동 의장인 Paul Cotton이 최근에 이 표준을 완료로 선언했을 때 이 감정은 W3C HTML 작업 그룹 공동 의장 인 Paul Cotton이 최근에 표준이 완전하다고 선언되었을 때 감정이 메아리쳤습니다.

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

<비디오> 태그의 장점은 플래시(Flash) 및 실버라이트(Silverlight)와 같은 타사 애드온 없이 웹 브라우저에서 온디맨드 비디오를 재생할 수 있다는 것입니다. 지난 몇 년간 HTML5가 개발되면서 브라우저 공급 업체와 장치 제조업체, 넷플릭스 및 유튜브와 같은 미디어 기업들은 HTML5 비디오에 무게를 두었고 이후 HTML5 비디오 플레이어 생태계가 등장했습니다.

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

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

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

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

 

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

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

14년 빨리 감기. 미국의 평균 광대역 속도는 이제 90Mbps 이상이고, 광대역 통신사는 이제 소비자에게 50, 150 및 최대 1000Mbps의 연결성을 표준 제품으로 제공하고 있으며, 최대 50Mbps 표준 제품으로 50, 150, 최대 1000Mbps 연결을 제공하며, 최대 50(주로 스타벅스)의 속도로 무료 연결을 제공하는 커피숍을 찾는 것이 점점 더 보편화되었습니다. 대역폭 비용이 0으로 변하는 세상에서 온라인 비디오 시청 방식을 재고하는 것이 가능합니다.

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

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

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

비즈니스 및 학술 비디오 프레젠테이션, 스크린캐스트(screencast), 실시간 온라인 방송 및 기타 비디오 컨텐츠의 요구 사항을 충족하기 위해 파놉토는 마치 회의실, 강의실 또는 이사회에서 실시간 프레젠테이션을 시청하는 것처럼 발표자와 해당 컨텐츠를 동시에 볼 수 있는 고유한 비디오 플레이어를 구축했습니다.

스마트 동기화를 사용하면 발표자와 그들의 프레젠테이션을 동시에 볼 수 있습니다. 재생 중 언제든지
비디오 피드를 최대화할 수 있습니다.

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

유튜브가 아닌 모든 것: 파놉토의 비디오 플랫폼 개요 및 데모보기 >>

 

스마트 동기화 기능은 비디오 플랫폼에 쉽게 연결할 수 있는 기능이 아닙니다. 여러 비디오 피드간에 초당 동기화를 달성하려면 프로그램의 모든 측면에 기능이 내장되어 있어야 합니다. 다음은 파놉토에서 스마트 동기화를 가능하게 하는 세 가지 요소입니다.

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

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

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

 

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