Brightcove Player 6 업데이트 관련 안내

Brightcove Player 6 업데이트 관련 안내

2017년 7월 12일을 기준으로 브라이트코브 비디오 플레이어 6 가 기본 플레이어로 지정됩니다. 기존에 서비스 중인 플레이어들은 자동으로 업그레이드 되지 않으며, 새로 생성되는 플레이어의 경우 6.x플레이어를 기본으로 설정하게 되고 아직 5.x플레이어가 필요한 경우 스튜디오나 api의 버전 설정 기능을 사용해서 변경할 수 있습니다.

본 포스트에서는 5와 6의 변경된 내용에 대해 정리 합니다. 기존에 브라이트코브 플레이어 1.x에서 5.x로의 업그레이드가 근본적인 기술의 변화 였다면 5.x에서 6.x는 HTML5 스트리밍 기술의 고도화에 따른 기능적 변화라고 볼 수 있습니다. 우선 플레이어 6는 개발자가 플레이어를 커스터마이징 하기 더 쉽도록 여러가지 기능을 추가 했습니다.

  • Advanced Plugins : 플러그인 api을 발전시킨버전으로 쉽게 플러그인의 배포 및 라이프사이클을 관리 할수 있습니다.
  • Dynamic Sources : Express 처럼 JS middleware 도입을 통한 다중 콘텐츠 포맷지원과 스트리밍, 다운로드 비디오, SSAI광고 비디오등 다양한 방식으로 활용이 가능합니다.
  • Accessibility update : 플레이어 5에서의 사용자 피드백에 기반해서 접근성 기능에 대한 개선이 이루어 졌습니다. 엘리먼트에 대한 포커스가 더 정확하게 이루어 지도록 좀더 단순한 구조로 변경되었읍니다.
  • Easier UI customization : 기존보더 더 간단한 구조의 CSS모델로 변경되어 커스터마이징 하기 쉬운 구조로 변경되었습니다.
     

전체적으로 5.x보다 효율적인 구조로 업그레이드 되면서 일부 기존 코드들이 변경되거나 삭제 되는 경우 다수 발생하여 6.x로의 메이저 버젼 변경이 이루어 졌습니다.

마이그레이션 주의사항

버전5에서 작성된 플러그인은 기본적으로는 버전6에서 그대로 사용가능 하며 사용 하시기 전에 사전에 호환성 검사를 해보시기 바랍니다.

  • 기존에 사용하던 플레이어의 api들 중에는 리턴값에 있는 객체간에 상호 참조가 된 부분들이나 플레이어 객체를 포함시키는 경우가 있어서 이로 인한 혼동을 방지 하기 위해 Method Chaining을 제거하였습니다.
  • src() 함수를사용해서 재생중인 비디오의 경로를 제대로 표현하지 못하던 문제가 수정되었습니다. 또한 기존에는 player.src({type: ‘video/mp4’, src: ‘foo.mp4’}) 처럼 src()함수를 사용해서 콘텐츠를 변경할수 있었으나, 플레이어6의 비동기 스위칭 방식에서는 이러한 사용을 보장하지 않습니다.
  • UI와 접근성 관련 변경에 따라 포함된 HTML과 CSS가 함께 변경되는 부분이 있습니다. 변경된 주요 마크업은 아래와 같습니다.
    • Volume controls
    • caption 과 subtitle 메뉴 통합
    • 프로그래스바의 타임 툴팁 위치 고정
  • videojs.plugin()은 videojs.registerPlugin()으로 변경 되었습니다.
  • Dom을 조작하기 위해 사용되던 addCalss(), hasClass(), createEl()등은 deprecate되었고, videojs.dom에서 모든 처리를 하게 됩니다.

Deprecate된 함수들은 경고를 표시하기는 하지만 플레이어6 서비스동안은 계속 지원됩니다.

좀더 세부적인 차이점과 함수 리스트는 아래 문서를 참고 하시기 바랍니다.  

https://support.brightcove.com/brightcove-player-5-6-migration-guide