需要形容
实现播放谬误时,自定义提示信息,如下图所示:
如上图所示,我须要改成自定义的内容:'这是测试文字...'。
那么代码如下:
<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', } } },
成果如下: