用自定义替换JW播放器错误消息

时间:2015-12-22 10:18:19

标签: javascript jwplayer jwplayer6

如果播放视频有问题,则JW播放器显示错误。当我点击该错误时,它正在重试加载视频。但该消息与用户无关,因此我想替换它。

“无法加载M3U8:404未找到”至“点击此处重试”。

我谷歌但没有找到任何解决方案,但我找到了错误发生时运行的代码,但它是为了我们想要显示新图像或加载新视频。

enter image description here

 jwplayer("live").setup({
        height: '100%',
        width: '100%',
      //  image:response.imageUrl,
        startparam: "fs",//starttime, start, ec_seek, apstart, fs
        androidhls: true,
        file: url,
        primary: "flash",
        deliveryType: "streaming",
        player: {
            modes: {
                linear: {
                    controls: {
                        stream: {
                            manage: false, enabled: false
                        }
                    }
                }
            }
        },
        shows: {
            streamTimer: {
                enabled: false, tickRate: 100
            }
        }
    }).onReady(function(){
        document.querySelector('#screenLoader').style.display= 'none';
        document.querySelector('#live-caption').style.display= 'block';
    })

  jwplayer().onError(function(event){
    console.log(event.message)
  })

1 个答案:

答案 0 :(得分:0)

虽然JW Player中的流检测(启动和停止)似乎是一个常见的要求,但遗憾的是JW团队还没有提供优雅的钩子来管理这些状态 - 我认为它们可能会及时。

与此同时,我在 Tatami for Online Video 可视化配置工具中添加了一个组件,该工具可检测实时流,并根据当前状态显示可自定义的消息。

我已经创建了一个Tatami快照来为您演示:Tatami with Streamy

  • 点击"播放器设置"中的播放图标用于预览设置的组件。
  • 查看" Streamy选项"组件以便更改消息。
  • 修改"媒体资源"中的源网址组件,以了解设置如何对工作流和非工作流做出反应。
  • 连接" Streamy直播"组件到"媒体源"组件,看看如何生活倒计时'很容易实现。