9.2 KiB
9.2 KiB
sy-new-jessibuca
jessibuca 在线文档 http://jessibuca.monibuca.com/api.html
h5引入路径 manifest.json>h5配置>index.html模板路径 修改为>= uni_modules/sy-new-jessibuca/hybrid/index.html
vue页面建议使用自定义标题,全屏时uniapp标题宽度无法适配
属性
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
width | String,Number | 375(px) | 画布宽度 |
height | String,Number | 500(px) | 画布高度 |
refId | String | '' | 唯一标识 |
options | Object | {} | jessibuca 其他配置项 |
decoder | String | '' | 引用 jessibuca 路径(如项目打包时没有子目录无需填写) |
isResize | Boolean | true | true 视频画面做等比缩放后,高或宽对齐 canvas 区域,画面不被拉伸,但有黑边 false 视频画面完全填充 canvas 区域,画面会被拉伸 |
isNotMute | Boolean | false | 是否开启声音 |
loadingText | String | '' | 加载过程中文案 |
poster | String | '' | 封面图 |
background | String | url(./uni_modules/sy-new-jessibuca/static/img/bg.jpg) | 背景图 |
isAuto | Boolean | true | 是否自动播放 |
url | String | '' | 播放地址 |
mainStyle | Object | {} | 组件样式 |
screensStats | Object | {fps:true} | 是否显示流状态统计。buf: 当前缓冲区时长,单位毫秒,fps: 当前视频帧率,abps: 当前音频码率,单位 bit,vbps: 当前视频码率,单位 bit,ts:当前视频帧 pts,单位毫秒(默认 fps:true) |
isTabbar | Boolean | false | 是否显示标题栏 |
title | String | '' | 标题 |
screenJosn | Object | {} | 录屏时的参数。fileName: 可选,默认时间戳 fileType: 可选,默认 webm,支持 webm 和 mp4 格式 (开发中) |
screensJosn | Object | {} | 截图时参数。filename: 可选参数, 保存的文件名, 默认时间戳,format : 可选参数, 截图的格式,可选 png 或 jpeg 或者 webp ,默认 png,quality: 可选参数, 当格式是 jpeg 或者 webp 时,压缩质量,取值 0 ~ 1 ,默认 0.92,type: 可选参数, 可选 download 或者 base64 或者 blob,默认 download |
方法
名称 | 说明 |
---|---|
playing() | 返回当前播放状态 true/false |
fullsing() | 返回当前是否全屏 true/false |
volumeing() | 返回当前音量值(0-1) |
maining() | 返回 jessibuca 所有 API,方法,事件 |
事件
名称 | 类型 | 说明 |
---|---|---|
@load | function | 监听 jessibuca 初始化事件 |
@log | function | 信息,包含错误信息 |
@error | function | 错误信息 |
@timeout | function | 当设定的超时时间内无数据返回,则回调 |
@playing | function | 播放/暂停视频(true/false) |
@printscreen | function | 截图事件 |
@tapTbar | function | 标题栏点击事件 |
@volume | function | 音量滑块事件,返回 0-1 |
@openFulls | function | 打开全屏事件 |
@colseFulls | function | 取消全屏事件 |
更多方法可通过 refs 调用 jessibuca.js;
jessibuca 官网
<sy-new-jessibuca>
//内部可自定义组件(建议使用position: absolute定位)
<view>
//你的逻辑代码
</view>
</sy-new-jessibuca>