du-video
v1.0.2
Published
基于flvjs的视频组件
Downloads
14
Readme
视频播放控制组件
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'/>