firefox - JWPlayer 和 HLS 流 - "Error loading player: No playable sources found"

Question

问题

我有一个服务器(nginx-rtmp-module)从 IP 摄像机流式传输到 HLS。我想将直播流嵌入到流行的浏览器:Chrome、Firefox 和 IE。

流在某些桌面浏览器上不工作。

• 测试玩家:https://content.jwplatform.com/previews/KCpvutTz-FfTLdraP

我尝试了什么

测试的设备和浏览器:

• PC 上的 Firefox -“加载播放器时出错:找不到可播放的源”
• IE 11 - 可以
• PC 版 Chrome - 确定
• Android 版 Chrome - 确定
• iPhone - 好的

问题

如何解决这些问题？在桌面浏览器上进行实时 HLS 流式传输是否需要闪存？

Answer 1

在联系了 jwpplayer 支持和一些源代码挖掘之后，我弄清楚了一些事实。

Flash 不一定是实时流式传输的必要条件，但目前它是 Chrome 和 Firefox(除了 IE)中的 HLS 播放的必要条件。 Chrome 有自己内置的 Flash 版本，所以除非它被故意禁用，否则它应该可以播放 HLS 流而不需要下载和安装 Flash Player。但是，Firefox 和 IE 需要安装 Flash Player。

在我的机器上，IE 11 可以正常工作，但 Firefox 失败并显示消息“加载播放器时出错:找不到可播放的源”(因为缺少 Flash 插件)。所以我添加了一些 JavaScript 来显示正确的消息。

此功能需要 swfobject.js 库:http://github.com/swfobject/swfobject

jwplayer.key="<<-THE-KEY->>";
var player = jwplayer("video_container").setup({
    file: "http://domain.lt/live/stream.m3u8",
    androidhls: true,
    width: '100%',
    aspectratio: '16:9',
    autostart: 'true',
    stretching: 'fill'
});

player.onSetupError(function(error)
{
    if (swfobject.getFlashPlayerVersion().major == 0)
    {
        var message = 'Flash is missing. Download it from <a target="_blank" href="http://get.adobe.com/flashplayer/" class="underline">Adobe</a>. (uncheck "McAfee Security Scan Plus" and "True Key™ by Intel Security" )</p>';
        $("#video_container").hide();
        $("#video_callout").html(message);
    } else
    {
        var message = '<p>Your device is not supported. Please visit this page on another PC or Phone.</p>';
        $("#video_container").hide();
        $("#video_callout").html(message);
    }   
});