sy-new-jessibuca - 更新日志

2.3.0（2026-01-08）

  1. 控制栏增强功能

    • 添加播放/暂停按钮，方便快速控制播放状态
    • 添加静音/取消静音按钮，一键切换静音状态
    • 优化控制栏布局，提升用户体验

  2. 网络状态显示

    • 实时显示网络连接状态（未连接、连接中、已连接）
    • 智能判断网络质量（较差、良好、优秀）
    • 根据播放统计数据（FPS、码率、缓冲）动态评估网络状态
    • 网络状态指示器显示在控制栏，颜色和图标实时更新

  3. 自动播放优化

    • 优化 H5 端自动播放逻辑
    • 初始化完成后立即尝试播放，不等待 load 事件
    • 添加备用播放机制，确保自动播放可靠性

2.2.0（2026-01-08）

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>