Web Video Player, VideoJS 소개

4481 단어 HTML5VideoJS

소개



VideoJS는 웹상의 비디오 플레이어입니다.
공식 사이트: htps : // ゔぃ에서 js. 코m/
OSS Repository: htps : // 기주 b. 이 m/ゔぃ에서 js/ゔぃ로 오. js

공식 사이트에 따라 450,000 사이트 이상이 이용되고 있습니다.
이 기사를 기록할 때는 VideoJS의 Github에서는 30.1KStar를 가지고, 다른 플레이어에 비하면 가장 많다고 볼 수 있습니다.

HTML5 비디오 플레이어는 이미 이미 있지만 VideoJS를 어떻게 사용합니까?



확실히, HTML5에는 <video> 태그가 추가되어, 그것을 사용하면 좋을 것이라고 하는 과제가 생기는군요.
VideoJS를 사용하는 이유는 여기입니다.
  • 스타일링

  • 브라우저에 따라 비디오 제어판, 버튼, Seekbar 등의 스타일링이 다릅니다.
    아래 예를 참조하세요.

    Google 크롬


    Mozilla Firefox


    Safari


    세 가지 주요 브라우저에 Native HTML5 비디오 스타일링이었습니다. 보면 상당히 다릅니다. 
    UX적으로는 이것은 좋지 않다, 사용자용의 문서를 작성하는 것도 번거로울 것입니다.

    VideoJS에서는 어떤 브라우저라도 Styling은 함께합니다.
    그 스타일링에서도 취향에 따라 편집할 수 있습니다.

  • Adaptive Bitrate Streaming 지원
    VideoJS는 Adaptive Bitrate Streaming Protocol이라는 HLS와 MPEG-DASH를 제공합니다.

  • 이 두 가지 중 HLS streaming Protocol은 가장 인기있는 것으로 보이지만 PC 브라우저에서 Native Support는 현재 Safari 만 가지고 있습니다.
    따라서 추가 개발이 필요합니다.

    VideoJS Version 7 이상에는 Plugin 없이 HLS 이용할 수 있습니다. 이 도서관 덕분에
    htps : // 기주 b. 이 m / ゔ ぃ에서 js / h t p st Reamin g

    VideoJS 버전 6에는 수동으로 배포할 수 있습니다.

    문제



    어쨌든 제품에 문제가 확실히 있습니다. 이번에는 버그 이야기가 아니며 다른 문제를 기사하고 싶습니다.
  • 문서

  • 문서는 여기에서 볼 수 있습니다 htps : // / cs.ゔぃ에서 js. 코m/
    문제는 어떻게 나열합니다
  • 영어 버전 전용
    videojs 자체는 internalnalization이 지원하지만 개발자용 문서는 영어뿐입니다.
    전혀 영어를 모르는 분은 번역 서비스에 의지하게 됩니다
  • 불완전
    가끔 Github에서 Issue를 올린 후 무엇을 알 수 있습니다.
    모르는 때에도 내부 코드를 볼 수밖에 없을 때도 있습니다.
    예: htps : // 기주 b. 이 m/ゔぃ에서 js/ゔぃ로 오. js/이스에 s/2730
  • 이전 버전의 문서 없음

  • 대체



    OSS Video Player는 Video.js만이 아닙니다. 다른 OSS 프로젝트도 있습니다.
    다른 프로젝트는 Github Star 순서로 나열됩니다.
  • Plyr

  • 공식 사이트: htps : // plyr. 이오/
    OSS Repository: htps : // 기주 b. 코 m / m 팝 ts / plyr
    Star: 18.7K
  • MediaElement.js

  • 공식 사이트: h tp // w w. 메아아아멘 tjs. 코m/
    OSS Repository: htps : // 기주 b. 코 m / 메아 아에멘 t / 메아 아에멘 t
    Star: 7.5K
  • jPlayer

  • 공식 사이트: htp://jpぁ이ぇr. rg/
    OSS Repository: htps : // 기주 b. 이 m/jPぁいぇr/jPぁいぇr
    Star: 4.6K

    참고


  • htps : //로 ゔぇぺぺr. 모잖아. 오 rg / En-u S / Docs / U-b / HTML / E-man t / ゃ
  • htps : //로 ゔぇぺぺr. 모잖아. 오 rg / ← - TW / 두 cs / u b / HTML / 꼬리 r d_mea_fuma ts
  • htps : // bg. tsrc. 이오 / 5 - 오 - r- HTML 5 - ゃ에서 오 ぁ ぇ rs - r 2018-38 85932 a fb
  • 좋은 웹페이지 즐겨찾기