0.2.1 • Published 2 years ago
testor-jebussica
描述
基于Jessibuca，简单封装播放器。
Use
npm i testor-jessibuca
静态资源
位置：public/static/jessibuca
文件：jessibuca.js
decoder-pro.js
decoder-pro.wasm
加载jessibuca.js，在index.html添加：
<script type="text/javascript" src="<%= BASE_URL %>static/jessibuca/jessibuca.js"></script>
使用说明
在main.js添加：
import JessibucaTestor from 'testor-jessibuca'
import 'testor-jessibuca/lib/testor-jessibuca.css'
Vue.use(JessibucaTestor)
参数说明
| 参数名 | 说明 | 类型 | 默认值 |
|---|
| videoUrl | 视频流地址 | string | - |
| videoError | 播放器错误回调方法 | function | - |
| replay | 是否为回放，为true显示进度条，可拖动 | boolean | false |
| seekTime | 回放视频时间全长，单位秒/s | number | 0 |
| stratTime | 回放开始时间 | string | - |
| hasAudio | 是否有音频 | boolean | false |
方法说明
| 方法 | 说明 | 参数 |
|---|
| changeTime | 在会放下，拖动进度条回调函数 | 拖动结束点的时间，单位秒/s |
示例
<jessibucaTestor
ref="jessibuca"
:videoUrl="videoUrl"
:error="videoError"
:seekTime="time"
:replay="isReplay"
:stratTime="start"
:hasAudio="false"
fluent
autoplay
live
@changeTime="changeStepTime"
style="width: 50%;height: 50vh"
></jessibucaTestor>