Not long ago, the World Wide Web Consortium (W3C) declared the HTML5 specification complete. The latest version of the HTML standard has introduced a range of new functionality that is now supported natively in popular web browsers, including the <canvas> tag for graphic drawing using Javascript, structure tags for organizing the content on a web page, and improvements to web-based forms.

Of all the new features in HTML5, though, the one that has arguably attracted the most attention and generated the most excitement is the <video> tag. This sentiment was echoed by Paul Cotton, the W3C HTML working group co-chair, when the standard was recently declared complete:

“The single most important feature of HTML5 is probably the <video> tag since today’s web is rapidly moving to being more about video.”

The beauty of the <video> tag is that it enables the playback of on-demand video in web browsers without the need for 3rd-party add-ons like Flash and Silverlight. Over the past few years as HTML5 was being developed, browser vendors, device manufacturers, and media companies like Netflix and YouTube threw their weight behind HTML5 video, and an ecosystem of HTML5 video players subsequently emerged.

한 화면 속의 상자: 전통적인 온라인 동영상 시청 경험

하지만 흥미로운 점은, 지난 몇 년간 HTML5 동영상이 큰 주목을 받았음에도 불구하고, 온라인 동영상 시청의 사용자 경험은 별다른 변화가 없었다는 사실입니다. 대체로 온라인 동영상은 여전히 “웹 페이지에 삽입된 작은 상자”를 의미합니다.

물론 기존의 HTML5 비디오 플레이어들이 완성도가 높고 기능이 뛰어나지 않다는 말은 아닙니다. VideoJS는 세련된 디자인을 자랑하며, 작은 용량과 빠른 속도로 유명합니다. JWPlayer는 플러그인을 통한 확장성으로 잘 알려져 있습니다. 하지만 이러한 비디오 플레이어와 이를 사용하는 비디오 플랫폼들은 모두 2005년 당시 유튜브를 지탱했던 것과 동일한 기본 설계, 즉 웹 페이지 내에 배치된 단일 비디오 스트림이 다른 수많은 콘텐츠로 둘러싸여 있는 형태를 기반으로 구축되어 있습니다.

2007년(왼쪽), 2014년(가운데), 2019년(오른쪽) 유튜브의 ‘화면 속 상자’ 동영상 재생 화면.

 

이제 온라인 동영상 재생 경험을 재고할 때입니다

2005년 유튜브가 출시되었을 당시, 미국에서는 고속 인터넷이 막 다이얼업 접속을 제치고 시장 점유율의 대부분을 차지하기 시작한 참이었으며, 미국 내 광대역 연결의 실제 다운로드 속도 중앙값은 1.5~2 Mbps 수준이었습니다. 대역폭이 부족했던 당시에는 웹 페이지에 있는 작은 상자가 동영상 콘텐츠를 스트리밍하는 효율적인 방법으로 타당했습니다.

14년이 흘렀다. 현재 미국의 광대역 평균 속도는 90Mbps를 넘어섰으며, 광대역 통신사들은 이제 50Mbps, 150Mbps, 심지어 1000Mbps에 이르는 속도를 소비자들에게 표준 서비스로 제공하고 있다. 또한 최대 50Mbps 속도의 무료 인터넷을 제공하는 커피숍(주로스타벅스)을 찾는 것도 점점 흔한 일이 되었다. 대역폭 비용이 제로에 가까워지는 추세인 오늘날, 온라인 동영상 시청 방식을 재고해 볼 수 있게 되었다.

더욱 몰입감 있고 흥미로운 영상 시청 경험은 어떤 모습일까요? 엔터테인먼트 영상의 경우, 1080p 이상의 해상도를 지원하는 “더 큰 화면”이 훌륭한 출발점이 됩니다. 하지만 기업이나 대학에서 사용되는 영상—교육용 녹화 영상, 영상 프레젠테이션, 교육용 동영상, 강의, 제품 시연, 전사 직원 회의 등—의 경우, 몰입감 있는 영상 경험을 위해선 다른 요건들이 필요합니다.

구체적으로 말하자면, 거의 모든 동영상 프레젠테이션에는 발표자와 콘텐츠라는 두 가지 요소가 있다는 점을 고려하는 것이 중요합니다. 이상적으로는 현장 청중이 되었을 때처럼 이 두 가지를 동시에 볼 수 있어야 합니다. 하지만 기존의 '화면 속 상자' 형식에서는 둘 중 하나만 볼 수밖에 없으며, 언제 어느 쪽을 볼지 스스로 선택할 수 없습니다. 이는 프레젠테이션을 녹화한 영상 제작자가 결정합니다.

새로운 접근 방식: 스마트 싱크 기능을 갖춘 멀티 스트림 HTML5 비디오 플레이어

기업 및 학계에서 진행되는 동영상 프레젠테이션, 스크린캐스트, 라이브 웹캐스트 및 기타 동영상 콘텐츠의 요구를 충족하기 위해, Panopto 마치 회의실, 강의실 또는 이사회실에 앉아 실시간으로 프레젠테이션을 시청하는 것처럼 발표자와 콘텐츠를 동시에 볼 수 있는 독창적인 동영상 플레이어를 Panopto .

스마트 싱크를 사용하면 발표자와 프레젠테이션을 동시에 볼 수 있습니다. 재생 중에는 언제든지 두 영상 중 하나를 전체 화면으로 확대할 수 있습니다.

여러 개의 동영상 스트림을 동기화하는 기능을 ‘스마트 싱크(Smart Sync)’라고 부릅니다. 또한 당사의 동영상 플레이어와 스마트 싱크 기능은 모두 HTML5 기반으로 작동하도록 설계되었습니다.

유튜브가 갖지 못한 모든 것을 갖춘 플랫폼:Panopto비디오 플랫폼 개요 및 데모 보기 >>

 

스마트 싱크 기능은 단순히 비디오 플랫폼에 덧씌울 수 있는 것이 아닙니다. 여러 비디오 피드 간에 1초 미만의 정밀한 동기화를 달성하려면, 해당 기능이 소프트웨어의 모든 측면에 내재되어 있어야 합니다. 다음은 Panopto 스마트 싱크를 가능하게 하는 세 가지 요소입니다:

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

저희는 모든 형태의 교육용 동영상 및 동영상 프레젠테이션에 있어, 향후 몇 년 내에 멀티 스트림 동영상 재생이 새로운 표준이 될 것으로 믿습니다. Panopto HTML5 동영상과 Smart Sync를 통해 이러한 기능을 제공함으로써, 가장 광범위한 브라우저와 기기에서 최상의 동영상 시청 경험을 선사할 수 Panopto .

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

 

PanoptoHTML5 비디오 플레이어에 대해 자세히 알아보기
귀사의 기업이나 대학에서 내부 커뮤니케이션 및 지식 공유를 위해 비디오 활용을 확대하고자 하며, 최신 인터넷 표준을 기반으로 한 최첨단 비디오 플랫폼을 찾고 계신다면, 지금 바로 Panopto 무료 체험판을신청해 보세요.