腾讯云直播 PC 网页端修改错误提示

发布时间: 2018-10-29 15:25:31 作者: 大象笔记

为了在 PC 网页端同步直播内容,所以在页面中嵌入了腾讯云的 js 直播组件。

但是,默认的错误提示非常不友好。

例如,当直播没有开始,或者已经结束的情况下,都会报错。

VM1406:1 GET http://xxx.liveplay.myqcloud.com/live/xxx.m3u8 404 (Not Found)
TcPlayer-2.2.1.js:1 无法加载视频文件,请检查网络,以及视频文件是否允许跨域请求访问,m3u8文件是否存在 

视频播放器上则显示

[2]网络错误,请检查网络配置或者播放链接是否正确

定制化错误信息的方法:

<script src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.1.js" charset="utf-8"></script>;
<script type="text/javascript">
  var player = new TcPlayer('id_test_video', {
    "m3u8": "{{ $item->playurl3 }}", 
    "flv": "{{ $item->playurl2 }}",
    "autoplay" : true,         
   "coverpic" : "{{ $item->images[0] }}",
    "width" :  '700',
    "height" : '600',
   "wording": {
      @if (date('Y-m-d H:i:s') > $item->start_time )
          2: "直播已结束"
      @else
          2: "直播尚未开始,请耐心等待"
      @endif
    }
  });
</script>

参考文档

https://cloud.tencent.com/document/product/454/7503

我是一名山东烟台的开发者,联系作者