70 lines
9.2 KiB
Markdown
70 lines
9.2 KiB
Markdown
# **_sy-new-jessibuca_**
|
||
|
||
---
|
||
|
||
## jessibuca 在线文档 [http://jessibuca.monibuca.com/api.html](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 官网](http://jessibuca.monibuca.com/)
|
||
|
||
```
|
||
<sy-new-jessibuca>
|
||
//内部可自定义组件（建议使用position: absolute定位）
|
||
<view>
|
||
//你的逻辑代码
|
||
</view>
|
||
</sy-new-jessibuca>
|
||
```
|