1.0.1 • Published 3 years ago

video-player-hooks v1.0.1

Weekly downloads
2
License
MIT
Repository
-
Last release
3 years ago

video-player-hooks

基于 React Hooks 和 video.js 的在线流媒体解决方案

Install

npm install video-player-hooks -S

Example

import VideoPlayer from 'video-player-hooks';

// ...

<VideoPlayer
  src={'**********.m3u8'}
  onPlay={(player) => {
    if (!player) return;
    console.log('play:', player.cache_.src);
  }}
  onError={(player) => {
    if (!player) return;
    console.log('error', player.cache_.src);
    // 重新加载
    player.reset();
    player.src({
      type: 'application/x-mpegURL',
      src: player.cache_.src
    });
  }}
/>;

// ...

API

key描述类型
src播放地址string
id视频容器 idstring
className类名string
theme主题'light'或'night'
optionvideojs 配置VideoJsPlayerOptions
onPause暂停回调(VideoJsPlayer) => void
onError错误回调(VideoJsPlayer) => void
onPlay播放(还未开始)(VideoJsPlayer) => void
canPlay已经开始播放(VideoJsPlayer) => void
onBeforeChange切换源前(VideoJsPlayer) => void
onDestroy销毁回调(VideoJsPlayer) => void