需求描述
实现播放错误时,自定义提示信息,如下图所示:
如上图所示,我需要改成自定义的内容:'这是测试文字...'。
那么代码如下:
<vue-aliplayer-v2
@ready="handleReady"
ref="VueAliplayerV2"
:options="videoOptions"
/>
data(){
return{
videoOptions: {
source: "", // 播放地址
isLive:true, // 是否开启直播
language:'zh-custom', // 自定义语言包
languageTexts:{ // 播放器自定义提示文字
'zh-custom':{
'Video_Error':TipMessage, // 视频播放异常
'Error_Load_M3U8_Timeout_Text' :TipMessage, // 获取m3u8文件超时
'Error_Load_M3U8_Failed_Text':TipMessage, // 获取m3u8文件失败
'Live_Abrot':TipMessage, // 直播信号中断
'Error_Not_Found':TipMessage, // 播放地址不存在
'Refresh_Text':'刷新',
'Retry':'重试',
'Detection_Text':'诊断',
}
}
},
}
}
由于上面自定义了语言包:language:'zh-custom',
故属性languageTexts中所有属性必须重新自己定义(即 'zh-custom' 对象中所有属性均需要自己一一对应)。
文档地址:https://help.aliyun.com/docum... 如下图:
一旦自己重新定义以后那么以下属性(部分截图)均需自己一一修改为自定义内容:
修改的代码如下:
videoOptions: {
source: "", // 播放地址
isLive:true, // 开启直播
language:'zh-custom', // 自定义语言包
languageTexts:{ // 播放器自定义提示文字
'zh-custom':{
'Video_Error':'这是测试文字...', // 视频播放异常
'Error_Load_M3U8_Timeout_Text' :'这是测试文字...', // 获取m3u8文件超时
'Error_Load_M3U8_Failed_Text':'这是测试文字...', // 获取m3u8文件失败
'Live_Abrot':'这是测试文字...', // 直播信号中断
'Error_Not_Found':'这是测试文字...', // 播放地址不存在
'Refresh_Text':'刷新A',
'Retry':'重试B',
'Detection_Text':'诊断CA',
}
}
},
效果如下:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。