브라이트코브 플레이어 버전 6 업데이트 개요

JESS R의 사진
JESS R

브라이트코브 플레이어 V6는 플레이어 개발과 커스터마이징을 더욱 쉽게 하기 위한 중요한 진전입니다. 이 블로그에서는 새 버전의 몇 가지 장점과 체험 방법에 대해 설명합니다. 버전 6에는 다음이 포함됩니다:

  • 고급 플러그인. 개선된 플러그인 API로 플러그인을 더 쉽게 작성하고 유지 관리할 수 있습니다.
  • 동적 소스. 플레이어 초기화 후 동영상 유형을 변경할 수 있으므로 재생 목록, 광고에서 콘텐츠 유형을 혼합하고 조건부 로딩 및 동적 페이지 동작을 더 잘 지원할 수 있습니다.
  • 접근성 업데이트. 윤곽선 스타일이 개선되고 중첩된 버튼이 제거되었습니다.
  • 더 쉬워진 UI 사용자 지정. 더 간소화된 CSS 모델과 더 나은 툴팁.

왜 메이저 버전인가요?

잠재적으로 깨질 수 있는 변경 사항을 최소화하고 기존 플러그인 및 사용자 정의와의 호환성을 유지하기 위해 많은 노력을 기울였지만, API를 단순화하기 위해 적용한 몇 가지 변경 사항으로 인해 일부 연동 코드가 깨질 수 있기 때문에 주 버전 번호를 늘렸습니다. 주 버전 번호는 이러한 가능성을 나타내며 사용자 정의 및 통합이 여전히 작동하는지 검토할 필요가 있음을 의미합니다.

기능 세부 정보

동적 소스

Express 및 장고와 같은 웹 프레임워크에서 널리 사용되는 미들웨어를 기반으로 설계된 브라이트코브 플레이어 동적 소스는 간단하지만 강력한 기능으로 소스 선택 프로세스 및 플레이어 타임라인을 세밀하게 제어할 수 있습니다.

고급 플러그인

브라이트코브 플레이어 V6는 이제 기존 플러그인과 고급 플러그인을 모두 지원합니다. 이는 메모리 누수를 방지하는 수명 주기 관리(설정/폐기)를 포함하여 플러그인 작성자에게 다양한 이점을 제공합니다. 이 변경 사항과 함께 플레이어에서 사용 가능한 플러그인과 현재 사용 중인 플러그인을 감지하는 새로운 플레이어 메서드가 제공됩니다.

접근성 

브라이트코브는 장애가 있는 사용자가 플레이어에 액세스할 수 있도록 노력하고 있습니다. 브라이트코브 플레이어 V5 사용자들의 피드백을 바탕으로 접근 가능한 웹사이트를 통해 플레이어를 더 쉽게 사용할 수 있도록 했습니다.

  • 요소에서 윤곽선 스타일이 제거되어 플레이어가 어떤 요소에 초점을 맞췄는지 알기 어렵거나 불가능했습니다.
  • HTML 버튼 안에 HTML 버튼이 있는 경우가 있었습니다. 이로 인해 화면 리더가 혼란스러워하고 볼륨 컨트롤을 사용하기 어려웠습니다.

UI 개선 사항

피드백을 바탕으로 플레이어를 더 쉽게 사용하고 맞춤 설정할 수 있도록 몇 가지 사항을 변경했습니다. 특히 캡션과 자막 컨트롤을 하나의 메뉴로 통합했습니다. 또한 진행률 표시줄의 시간 툴팁은 이제 항상 플레이어의 범위 내에 포함됩니다.

마이그레이션 가이드

버전 5용 플러그인은 버전 6에서도 계속 작동합니다. 대부분의 플러그인은 호환되어야 하지만 일부 이전 버전과 호환되지 않는 변경 사항이 있으므로 변경 사항을 숙지하고 각 플러그인을 평가하는 것이 중요합니다. 다음 섹션에서는 이러한 변경 사항과 이러한 변경 사항이 고객과 파트너의 코드에 미치는 영향에 대해 설명합니다.

메서드 체인 제거

브라이트코브 플레이어 V5의 비교적 잘 알려지지 않은 기능 중 하나는 많은 플레이어 메서드가 jQuery 스타일로 서로 연결될 수 있다는 점입니다. 이로 인해 일부 함수의 반환값을 예측할 수 없어 디버깅하기 어려운 코드가 생성될 수 있다는 문제가 있었습니다. 때로는 값을 반환하기도 하고 때로는 플레이어 자체를 반환하기도 했습니다. 버전 6에서는 메서드 연쇄 지원이 제거되었습니다. 이전에는 메서드가 플레이어를 반환했지만 이제는 아무것도 반환하지 않습니다.

src() 함수

브라이트코브 플레이어 V5에서 src() 함수는 비디오 요소에서 재생 중인 소스 URL을 반환합니다. 이로 인해 HLS와 같은 특정 포맷에서는 "블롭" URL을 반환할 수 있는 문제가 발생할 수 있습니다. 이는 일반적으로 플레이어에 원래 설정된 소스를 알고 싶어하는 사용자에게는 사실상 쓸모가 없습니다. 버전 6에서는 이제 src() 함수가 새로운 동적 소스 선택 절차에 의해 결정된 소스 경로를 대신 반환합니다.

비동기 소스 설정

브라이트코브 플레이어 V5에서는 src()를 호출하고 값을 전달하면 동기식 소스 선택 알고리즘이 시작됩니다. 즉, 이후 src()를 호출하면 마지막 호출에서 선택된 소스가 반환됩니다:

player.src({type: ‘video/mp4’, src: ‘foo.mp4’});
videojs.log(player.src().src); // ‘foo.mp4’

그러나 새로운 소스 선택 메커니즘에는 사용자 지정 소스 선택을 위한 서버 호출과 같은 고급 워크플로우를 지원하는 비동기성이 내장되어 있으므로 플레이어는 더 이상 위의 사항을 보장할 수 없습니다.

UI 및 접근성 변경 사항

브라이트코브 플레이어 V6의 UI 및 접근성 변경으로 인해 HTML 및 CSS도 함께 변경되었을 수 있습니다. 마크업이 변경된 구성 요소는 다음과 같습니다:

  • 볼륨 조절
  • 캡션 및 자막 결합 메뉴
  • 진행률 표시줄 시간 툴팁

사용자 정의가 많은 사용자 정의 스킨은 이러한 변경 사항에 맞게 조정해야 할 수 있습니다.

사용 중단

브라이트코브 플레이어 5의 몇 가지 방법이 더 이상 사용되지 않습니다. 브라우저 콘솔에 경고를 기록하며 원하는 경우 경고를 피하는 방법을 제안합니다. 주요 방법 변경 사항은 다음과 같습니다:

  • videojs.plugin()은 더 이상 사용되지 않으므로 대신 videojs.registerPlugin()을 사용하세요.
  • addClass(), hasClass(), createEl() 등과 같은 DOM 조작 메서드가 하위 객체인 videojs.dom으로 이동됩니다. 각 메서드는 적절한 경고를 기록하지만 브라이트코브 플레이어 6의 수명 기간 동안 계속 작동합니다.

시작하기

브라이트코브 플레이어 V6 시험 버전을 사용해 보시고 의견을 알려주세요.

공유 

태그

브라이트코브는 한 진단 장비 제조업체가 수업 시간과 비용을 줄이면서 성공을 개선할 수 있도록 지원했습니다.
브라이트코브는 가장 유명한 자동차 시장에서 방대한 레거시 비디오 라이브러리를 관리하고 수익을 창출할 수 있도록 지원합니다....
브랜드 무결성을 유지하기 위해 리테일 브랜드는 색상, 글꼴 등을 조정할 수 있는 맞춤형 동영상 플레이어가 필요합니다.

시작할 준비가 되셨나요?

브라이트코브로 영상 마케팅 성과와 ROI를 높이는 방법을 알아보세요. 지금 문의하시면 자세히 상담해드립니다.