更新记录

1.0.1(2023-04-13) 下载此版本

修复已知问题

1.0.0(2023-04-06) 下载此版本

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>

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问