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时生效) |