블로그 / BRIGHTCOVE 소식

플래시 비디오와 플러그인을 넘어서는 HTML5 비디오의 장점들

Brightcove 소식

2007년 새로운 사양의 HTML5 발표 이후 비디오 기술도 많은 진전을 보여왔습니다. HTML5 이전에는 플러그인을 통해서만 비디오 전송이 가능했고 이 중 가장 보편적으로 사용되었던 것이 플래시 입니다. 플래시는 여전히 비디오를 브라우저에 전달하는 방법 중 가장 많이 사용되고 있지만 뛰어난 호환성과 접근성을 바탕으로 HTML5가 그 자리를 빠른 속도로 대체해 나갈 것입니다. HTML5와 HTML5 비디오 플레이어를 활용하면 다양한 장점들을 누릴 수 있습니다. 그 장점들에 대해 알아보기 앞서 HTML 5의 탄생 배경과 앞으로의 발전 방향에 대해 간략히 살펴 보겠습니다.

비디오 플러그인의 문제들

우리는 왜 플래시 비디오의 대체제를 필요로 하는 것일까요?

비디오 요소에 앞서 플러그인은 비디오를 전송하는 유일한 방법 이었습니다. 플러그인에는 미디어 재생을 위해 제공되는 Quicktime과 Real 플레이어가 있었고 그 이외의 것들은 성능이 그리 뛰어나지 않았습니다. 반면 플래시는 다양한 형태의 미디어 지원을 제공했고 완벽한 어플리케이션 프레임워크 또한 원활히 지원 했습니다. 결과적으로 웹 개발자들은 미디어 전송 뿐만 아니라 게임, 애니메이션 그리고 사운드까지 포함한 화려한 웹사이트를 구축하는데 플래시를 사용하기 시작했습니다. 플래시로 구현한 웹사이트들은 대부분의 데스크탑에서 잘 작동되었습니다. 하지만  몇몇의 데스크탑에서 나타나는 플래시 구현 오류 이후로 플래시 호환성 이상의 초기 징후라 할 수 있는 문제들이 나타나기 시작했습니다.

이런 호환성 오류에도 불구하고 플래시는 수 많은 웹사이트에서 사용되고 있었고 이와 동시에 이 웹사이트에 접속할 수 있는 디바이스의 수도 기하급수적으로 늘어나기 시작했습니다. 디바이스 호환성 문제 외에도 반응형 디자인에 대한 필요도 생겨나기 시작했습니다. 디바이스 종류에 상관없이 모든 사용자 인터페이스와 스크린 인터페이스에 적응 가능한 반응형 웹사이트를 구축하고자 하는 사람들의 관심이 높아지기 시작한 것입니다.

이는 플래시를 사용해 사이트를 만들어 오던 관례를 깨려는 시도 였고 또한 HTML5, CSS, 그리고 Javascript와 같은 표준화된 웹 기술과 함께 개발자 중심으로 형성된 새로운 움직임 이었습니다. (물론 모바일 디바이스를 지원하지 않는 플래시에 맞서는 애플의 대담한 입장도 빼 놓을 수 없습니다.)

iOS와 안드로이드가 웹 트래픽에서 차지하는 비중이 점점 더 늘어남에 따라 반응형 디자인과 비디오 요소와 같은 핵심 브라우저 기술이 필수 요소가 되었습니다. 그렇다면 이 외에 HTML5 비디오가 가진 장점들에는 어떤 것들이 있는지 더 살펴 보겠습니다.

범용 디바이스 지원

사람들은 언제 어디서나 비디오를 시청하기 때문에 이런 수 많은 디바이스들과 호환 가능한 비디오 서비스를 만드는 것이 필수입니다. HTML5 비디오는 디바이스 제조사들에게 그들의 디바이스들을 지원하는 비디오를 쉽게 포함하는 표준화된 방법을 제공합니다. 또한 Video JS와 같은 HTML5 플레이어 기술을 활용 한다면 단일 플레이어로 어디에서나 재생 가능한 환경을 구축할 수 있습니다.

개발자 친화적 특성

HTML5 비디오와 HTML5 기반의 비디오 플레이어들은 개발자들이 HTML과 CSS 그리고 Javascript와 같은 핵심 웹 기술을 활용해 거의 모든 디바이스에 다양한 비디오 경험을 전송할 수 있도록 도와 줍니다. 웹사이트를 구축하고 스타일을 결정하는 개발자와 마찬가지로 플레이어 또한 스타일을 지정하고 필요에 따라 커스터마이징 할 수 있습니다.

전력 소비량 개선

HTML5 비디오는 플러그인에 의해 작동 된다기보다는 디바이스의 핵심 소프트웨어에 연결되어 있습니다. 예를 들면 2013년 실버라이트에서 HTML5 포맷으로 전환을 발표한 넷플릭스는 맥 OS X에서 HTML5용 스트리밍 콘텐츠를 웹기반의 HTML5로 지원하고 있습니다. 디바이스에서 실버라이트보다 전력소모가 적은 HTML5을 활용함으로써 2시간 이상의 전력 소모를 줄일 수 있게 되었고 사용자들이 같은 배터리 용량으로 더 많은 동영상 콘텐츠를 시청할 수 있게 되었습니다.

오픈 테크놀로지

오픈 테크놀로지 표준을 활용함으로써 더 많은 사람들이 소프트웨어에 기여할 수 있게 되고 더 나은 경험을 위한 발전을 가속화 할 수 있습니다. Video JS는 세계 최고의 플레이어를 구축하기 위해 만들어진 거대한 커뮤니티이고 오픈 소스 커뮤니티의 좋은 예 입니다.

HTML5는 인터넷 비디오 전송에 대세가 되고있으며 이는 앞으로도 지속될 전망입니다. 글로벌 온라인 비디오 플랫폼의 리더로서 브라이트코브는 오픈되고 표준화된 비디오 전송방식을 제공하고 이끌고 있습니다.