更新记录
1.0.1(2023-04-13)
下载此版本
修复已知问题
1.0.0(2023-04-06)
下载此版本
sy-new-jessibuca
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;
<sy-new-jessibuca>
//内部可自定义组件(建议使用position: absolute定位)
<view>
//你的逻辑代码
</view>
</sy-new-jessibuca>
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
sy-new-jessibuca
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;
<sy-new-jessibuca>
//内部可自定义组件(建议使用position: absolute定位)
<view>
//你的逻辑代码
</view>
</sy-new-jessibuca>