将RTMP流从本地服务器嵌入到HTML中

时间:2016-03-08 15:19:40

标签: html jwplayer rtmp

我正在尝试创建一个页面来显示从OBS创建的流,并使用nginx流式传输到本地Linux服务器。我按照this指南设置了nginix服务器,但我在使用html播放流时遇到问题。我可以通过VLC播放流,但是想创建一个嵌入它的页面。

我正在使用JWPlayer,并在加载页面时获得“Flash插件无法加载”。

这是我的HTML。

<!DOCTYPE html>

<html>
    <link rel="stylesheet" type="text/css" href="css/boostrap.min.css">
    <script src="jwplayer/jwplayer.js"></script>
    <script>jwplayer.key="KEYXXX";</script>
<head>
</head>

<body>
    <div class="container">

        <div class="row">
            <div class="col-md-12">
            </div>
        </div>
        <div id="myElement">Loading the player...</div>
        <script type="text/javascript">
            var playerInstance = jwplayer("myElement");
            playerInstance.setup({
                file: "rtmp://10.0.125.160:1935/live/flv:test",
                height: 360,
                width: 640
            });
        </script>
        </div>

    </div>
</body>

</html>

不知道我在哪里错了。刚尝试在Firefox中没有任何功能,Chrome我得到了flash插件错误。

0 个答案:

没有答案