du-video
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

视频播放控制组件

React 基于flvjs的视频播放组件

主要功能

  • 使用了flvjs对url进行播放
  • 重写了播放器控制部分
  • 支持flv(rtsp)mp4类型等媒体播放
  • ---未完待续

主要参数

字段 类型 描述
className string 类名名
styles object 样式
type string 媒体类型,'flv' or 'mp4'
url string 表示媒体 URL,可以以 'https(s)' 或 'ws(s)' (WebSocket) 开头
其他参数 any https://github.com/bilibili/flv.js/blob/master/docs/api.md#flvjsissupported

使用方式

版本

1.0.0

  • 初始化样式
  • 初始化功能

1.0.1

  • 增加flvjs嵌入

1.0.2

  • 增加销毁

例子:

import VideoControl from 'du-video';
import 'du-video/lib/dist/index.css';

...
// type is mp4
 <VideoControl style={{width: 400, height: 300}} type="mp4" url='https://www.w3schools.com/html/movie.mp4'/>

//  type is flv
 <VideoControl style={{width: 400, height: 300}} type="flv" url='ws://127.0.0.1:8100/rtsp'/>

Package Sidebar

Install

npm i du-video

Weekly Downloads

2

Version

1.0.2

License

ISC

Unpacked Size

191 kB

Total Files

13

Last publish

Collaborators

  • dudulu