Appearance
初始化配置
注意
- uniappx项目中配置的属性名称为
configX - uniapp项目配置的属性名称为
config
配置方式
js
//配置
config: {
/**
* 您的AK 请到http://console.bce.baidu.com/iam/#/iam/accesslist获取
*/
accessKey: "",
// 是否开启"边播边缓存"功能
isVideoCacheEnabled: true,
//缓存保存目录,本地绝对路径,如:/storage/emulated/0/playerCache/
cachePath: "",
//播放地址
path: "",
//视频标题
title: "",
//设置网络请求超时门限值
timeout: 10 * 1000 * 1000,
//设置最大探测时长
maxProbeTimeInMs: 2000,
//媒体类型
switchType: "SOURCE_SWITCH_NORMAL_MODE",
//外挂字幕
extSubtitleUrl: "",
//弹幕配置
danmakuParams: {
//是否显示弹幕
danmakuShow: false,
//弹幕文件
danmakuFile: "http://uniappdoc.yeyuboke.com/testfile/baiduDanmuComments.xml",
//弹幕文件类型,url:网络地址,path:本地路径,raw:raw文件
danmakuFileType: "url",
},
//多码率无缝切换
mediaItems: {
mediasUrl: [],
mediasDesc: []
}
}js
const config = ref({
/**
* 您的AK 请到http://console.bce.baidu.com/iam/#/iam/accesslist获取
*/
accessKey: "",
// 是否开启"边播边缓存"功能
isVideoCacheEnabled: true,
//缓存保存目录,本地绝对路径,如:/storage/emulated/0/playerCache/
cachePath: "",
//播放地址
path: "",
//视频标题
title: "",
//设置网络请求超时门限值
timeout: 10 * 1000 * 1000,
//设置最大探测时长
maxProbeTimeInMs: 2000,
//媒体类型
switchType: "SOURCE_SWITCH_NORMAL_MODE",
//外挂字幕
extSubtitleUrl: "",
//弹幕配置
danmakuParams: {
//是否显示弹幕
danmakuShow: false,
//弹幕文件
danmakuFile: "http://uniappdoc.yeyuboke.com/testfile/baiduDanmuComments.xml",
//弹幕文件类型,url:网络地址,path:本地路径,raw:raw文件
danmakuFileType: "url",
},
//多码率无缝切换
// mediaItems: {
// mediasUrl: [],
// mediasDesc: []
// }
})参数说明
| 参数名 | 参数类型 | 是否必填 | 默认值 | 参数描述 |
|---|---|---|---|---|
| accessKey | String | 否 | 无 | 您的AK 请到http://console.bce.baidu.com/iam/#/iam/accesslist获取 |
| customID | String | 否 | 无 | 由宿主传入自定义的CustomID(cuid)信息,该字段将用于视频Qos,可不设置或传空 |
| isVrEnable | Boolean | 否 | 无 | VR是否可用 |
| isShowBack | Boolean | 否 | 无 | 是否显示返回按钮 |
| position | Integer | 否 | 无 | 初始播放位置,单位:毫秒 |
| danmakuParams | Object | 否 | 无 | 弹幕配置 |
| danmakuParams.danmakuShow | Boolean | 否 | false | 是否开启弹幕 |
| danmakuParams.danmakuFile | String | 否 | 无 | 初始化弹幕文件,xml文件,如果是raw文件的话不需要加扩展名,其他需要加上扩展名 |
| danmakuParams.danmakuFileType | String | 否 | 无 | 弹幕文件类型url:网络地址path:本地路径raw:raw文件 |
| danmakuParams.maxLines | Integer | 否 | 30 | 最大显示行数 |
| danmakuParams.preventOverlapping | Boolean | 否 | true | 设置是否禁止重叠 |
| danmakuParams.danmakuStyle | Object | 否 | 无 | 描边样式 |
| danmakuParams.danmakuStyle.style | String | 否 | DANMAKU_STYLE_STROKEN | 样式,可选值:DANMAKU_STYLE_DEFAULT:自动DANMAKU_STYLE_NONE:无DANMAKU_STYLE_SHADOW:阴影DANMAKU_STYLE_STROKEN:描边DANMAKU_STYLE_PROJECTION:投影 |
| danmakuParams.danmakuStyle.values | Array[float] | 否 | [3] | 描边值,DANMAKU_STYLE_SHADOW 阴影模式下,values传入阴影半径,DANMAKU_STYLE_STROKEN 描边模式下,values传入描边宽度,DANMAKU_STYLE_PROJECTION 投影模式下,values传入offsetX, offsetY, alpha offsetX/offsetY: x/y 方向上的偏移量 alpha: 投影透明度 [0...255] |
| danmakuParams.duplicateMergingEnabled | Boolean | 否 | true | 是否启用合并重复弹幕 |
| danmakuParams.scrollSpeedFactor | float | 否 | 1.2 | 设置弹幕滚动速度系数,只对滚动弹幕有效 |
| danmakuParams.scaleTextSize | float | 否 | 1.2 | 设置弹幕文本大小 |
| subtitleStyle | Object | 否 | 无 | 内置字幕配置 |
| subtitleStyle.textSize | Integer | 否 | 18 | 文本大小 |
| subtitleStyle.textColor | String | 否 | #FFFFFF | 文本颜色 |
| isVideoCacheEnabled | Boolean | 否 | false | 是否开启"边播边缓存"功能 |
| switchType | String | 否 | SOURCE_SWITCH_NORMAL_MODE | 多码率切换模式,可选值如下:SOURCE_SWITCH_NORMAL_MODE:普通模式,非无缝切换SOURCE_SWITCH_SMOOTH_MODE:MP4无缝切换模式SOURCE_SWITCH_SMOOTH_HLS_MODE:HLS无缝切换模式 |
| mediaItems | Object | 否 | 无 | mp4多码率场景下,设置多分辨率媒体流信息 |
| mediaItems.mediasUrl | String[] | 否 | 无 | 子码流URL |
| mediaItems.mediasDesc | String[] | 否 | 无 | 子码流格式描述:VideoWidthxVideoWidth,Bitrate(1280x720,650000) |
| isLoop | Boolean | 否 | false | 设置是否循环播放 |
| timeout | Integer | 否 | 0 | 设置网络请求超时门限值 |
| path | String | 是 | 无 | 播放地址 |
| maxProbeTimeInMs | Integer | 否 | -1 | 设置最大探测时长 |
| maxProbeSizeInBytes | Integer | 否 | 0 | 设置最大探测的数据大小 |
| sizeInBytes | Integer | 否 | 0 | 设置最大缓存数据大小 |
| bufferTime | Integer | 否 | 0 | 设置缓冲事件发生时,缓存多长时间的数据才结束 |
| bufferSize | Integer | 否 | 0 | 设置"加载中"触发时,需要缓冲多大的数据才结束 |
| maxCacheDuration | Integer | 否 | -1 | 设置最大缓存数据时长 |
| renderStuckThreshold | Integer | 否 | -1 | 设置渲染卡顿统计门限值 |
| leftVolume | Float | 否 | -1 | 左声道的音量,左右声道音量必须同时传递才有效 |
| rightVolume | Float | 否 | -1 | 右声道的音量,左右声道音量必须同时传递才有效 |
| wakeMode | Integer | 否 | 0 | 设置保持唤醒模式 |
| decodeMode | Integer | 否 | 0 | 设置解码模式,0:自动识别,1:软解码 |
| showCacheInfo | Boolean | 否 | true | 设置是否显示默认的『加载中』信息 |
| title | String | 否 | 无 | 视频标题 |
| toggleFrameChasing | Boolean | 否 | false | 设置是否开启直播追帧播放功能 |
| extSubtitleUrl | String | 否 | false | 外挂字幕 |
| scalingMode | String | 否 | VIDEO_SCALING_MODE_SCALE_TO_FIT | 裁剪模式,可选值如下:VIDEO_SCALING_MODE_SCALE_TO_FIT:填充,保持视频内容的宽高比。视频与屏幕宽高不一致时,会留有黑边VIDEO_SCALING_MODE_SCALE_TO_FIT_WITH_CROPPING:裁剪,保持视频内容的宽高比。视频与屏幕宽高不一致时,会裁剪部分视频内容VIDEO_SCALING_MODE_SCALE_TO_MATCH_PARENT:铺满,不保证视频内容宽高比。视频显示与屏幕宽高相等 |
| headers | Object | 否 | 无 | 头信息 |
| isPlay | Boolean | 否 | true | 初始化好之后立即播放 |

