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

文章目录

    为了在 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

    关于作者 🌱

    我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式