webo-video
安装
npm install webo-video该库依赖 video.js 以及 flv.js 安装 webo-video 之后可直接 import videojs from "video.js" 以及 import flv.js from "flv.js"
使用实例
// 创建 webo player
import weboVideo from "webo-video";
let config = {
el:el, // dom元素 可以传video标签 也可以传div 标签
isLive: true, //是否直播
type: '', //播放类型 flv webrtc mp4
url: '',// 视频地址
}
let videojsConfig = {}; // videojs 配置 具体配置查看videojs官网使用 https://docs.videojs.com/
let player: any = weboVideo(config, videojsConfig);
player.play();
// 创建 rtc 示例 参考swms rtc.js使用方式
import { RTC } from "webo-video";
let sdk = new RTC(config.url);
sdk.onaddstream = (event) => {
el.srcObject = event.stream;
}
sdk.play(url).then(res => {
});方法
| 方法名 | 说明 | 参数 |
|---|---|---|
| play | 播放视频 | - |
| setBuffer | 设置视频Buffer （视频为 flv 生效） | bufferData |
| getPlayStatus | 获取播放状态（null ready playing played error） | - |
| setVideoConfig | 设置视频配置 （config） | config |
| on | 监听事件 | callback |
| off | 取消事件监听 | - |
| dispose | 断开连接 | - |
| clearPlayer | 断开连接并且删除 video 容器 | - |
| getPlayer | 获取播放器 | - |
| getVideoEL | 获取video 容器 | - |
| setMuted | 设置静音状态 | boolean |
事件回调
// 使用示例
player.on(event, callback)事件列表
| 事件名 | 说明 | 参数 |
|---|---|---|
| ready | 视频读取完成 | - |
| click | 视频点击 | - |
| load | 视频加载完成 | - |
| play | 视频播放 | - |
| playing | 视频播放中 | - |
| error | 视频播放错误 | objecj |
| ended | 视频播放结束 | - |
| staermError | 视频流播放错误 | - |
| staermLoad | 视频流加载（视频类型为 webrtc时生效） |