Appearance
初始化配置
注意
- uniappx项目中配置的属性名称为
configX - uniapp项目配置的属性名称为
config
配置方式
js
//配置
config: {
appId: "1252463788",
qualityVisible: true,
//不显示画中画按钮
showPIPIV: false,
playerModels: [{
title: "FLV直播",
placeholderImage: "http://1500005830.vod2.myqcloud.com/6c9a5118vodcq1500005830/66bc542f387702300661648850/0RyP1rZfkdQA.png",
url: "http://liteavapp.qcloud.com/live/liteavdemoplayerstreamid.flv",
coverPictureUrl: "http://1500005830.vod2.myqcloud.com/6c9a5118vodcq1500005830/66bc542f387702300661648850/0RyP1rZfkdQA.png"
}]
}js
//组件初始化配置
const config = ref({
appId: "1252463788",
qualityVisible: true,
//不显示画中画按钮
showPIPIV: false,
playerModels: [{
title: "FLV直播",
placeholderImage: "http://1500005830.vod2.myqcloud.com/6c9a5118vodcq1500005830/66bc542f387702300661648850/0RyP1rZfkdQA.png",
url: "http://liteavapp.qcloud.com/live/liteavdemoplayerstreamid.flv",
coverPictureUrl: "http://1500005830.vod2.myqcloud.com/6c9a5118vodcq1500005830/66bc542f387702300661648850/0RyP1rZfkdQA.png"
}]
})参数说明
| 参数名 | 参数类型 | 是否必填 | 默认值 | 参数描述 |
|---|---|---|---|---|
| qualityVisible | Boolean | 否 | 无 | 设置是否显示清晰度,默认显示 |
| showOrHideBackBtn | Boolean | 否 | 无 | 隐藏或展示窗口模式下的返回按钮,默认是展示的 |
| isShowQuality | Boolean | 否 | 无 | 设置是否显示清晰度,默认显示 |
| needToPause | Boolean | 否 | 无 | 设置是否可以暂停 |
| startTime | Float | 否 | 无 | 设置开始播放时间,单位:秒 |
| isLoop | Boolean | 否 | 无 | 是否循环播放 |
| enableHardwareDecode | Boolean | 否 | 无 | 是否开启硬解码 |
| showPIPIV | Boolean | 否 | 无 | 是否显示画中画按钮 |
| appId | String | 否 | 无 | appId |
| playerModels | Object[] | 否 | 无 | 播放内容 |
| playerModels.appId | String | 否 | 无 | 使用腾讯云直播时移功能则需要填写appId |
| playerModels.title | String | 否 | 无 | 标题 |
| playerModels.url | String | 否 | 无 | 播放链接地址 |
| playerModels.playDefaultIndex | Integer | 否 | 无 | 默认播放的索引 |
| playerModels.playAction | Integer | 否 | 无 | 播放行为,0:自动播放,1:手动播放,2:预加载 |
| playerModels.placeholderImage | String | 否 | 无 | 从腾讯服务器拉取的封面图片 |
| playerModels.coverPictureUrl | String | 否 | 无 | 用户设置的封面图片 |
| playerModels.duration | Integer | 否 | 无 | 视频时长,单位:秒 |
| playerModels.isEnableCache | Boolean | 否 | 无 | 是否启用缓存下载能力 |
| playerModels.vipWatchModel | Object | 否 | 无 | 试看模式配置 |
| playerModels.vipWatchModel.tip | String | 否 | 无 | 试看文本描述 |
| playerModels.vipWatchModel.canWatchTime | Integer | 否 | 无 | 试看时长,单位:秒 |
| playerModels.dynamicWaterConfig | Object | 否 | 无 | 动态水印配置 |
| playerModels.dynamicWaterConfig.tipText | String | 否 | 无 | 水印文本 |
| playerModels.dynamicWaterConfig.tipTextSize | Integer | 否 | 无 | 水印文本大小 |
| playerModels.dynamicWaterConfig.tipTextColor | String | 否 | 无 | 水印文本颜色 |
| playerModels.multiVideoURLs | Object[] | 否 | 无 | 不同清晰度的URL链接 |
| playerModels.multiVideoURLs.title | String | 否 | 无 | 不同清晰度的标题 |
| playerModels.multiVideoURLs.url | String | 否 | 无 | 不同清晰度的url |
| playerModels.videoId | Object | 否 | 无 | 腾讯云点播 File ID 播放参数 |
| playerModels.videoId.fileId | String | 否 | 无 | 腾讯云点播资源 fileId |
| playerModels.videoId.pSign | String | 否 | 无 | 播放签名 |
| playerModels.drmBuilder | Object | 否 | 无 | Drm 播放信息 |
| playerModels.drmBuilder.playUrl | String | 否 | 无 | 解密 Key URL |
| playerModels.drmBuilder.keyLicenseUrl | String | 否 | 无 | 播放媒体 URL |
| playerModels.drmBuilder.provisionUrl | String | 否 | 无 | 证书提供商 URL |
| playerModels.subtitleSourceModelList | Object[] | 否 | 无 | 外挂字幕 |
| playerModels.subtitleSourceModelList.name | String | 否 | 无 | 字幕名称 |
| playerModels.subtitleSourceModelList.url | String | 否 | 无 | 字幕链接 |
| playerModels.subtitleSourceModelList.mimeType | String | 否 | 无 | 字幕类型 |
| playerModels.videoQualityList | Object[] | 否 | 无 | 清晰度列表 |
| playerModels.videoQualityList.url | String | 否 | 无 | 清晰度URL |
| playerModels.videoQualityList.title | String | 否 | 无 | 清晰度标题 |
| playerModels.videoQualityList.bitrate | Integer | 否 | 无 | 清晰度比特率 |
| playerModels.videoQualityList.height | Integer | 否 | 无 | 清晰度高度 |
| playerModels.videoQualityList.width | Integer | 否 | 无 | 清晰度宽度 |
| playerModels.videoQualityList.index | Integer | 否 | 无 | 清晰度索引 |

