Question

我找到了运行自己的rtmp服务器的方法，我也有一个mp4视频。使用VLC，我可以使用rtmp文件，但我需要将视频嵌入HTML网页。我看到了以下链接：https://www.codeproject.com/Tips/668131/How-to-embed-streaming-Video-rtmp-protocol-in-HTML。 但是对我不起作用。

我还读到你可以使用一种名为JWPlayer的东西.....但我不明白它是如何工作的，或者你需要遵循哪些步骤来使用它。

我知道互联网上有很多关于这个话题的帖子，有人能给我举个例子吗？（我的意思是HTML代码）

提前致谢!!

埃里克。

Answer 1

最后我解决了我的问题。 我不得不使用Flowplayer在网站上显示我的rtmp视频。

以下是我遵循的步骤：

1 - wget http://releases.flowplayer.org/flowplayer.rtmp/flowplayer.rtmp-3.2.13.swf（在rtmp服务器上，特别是在usr / local / nginx / html /中）

2 - 打开我创建的html并将其保留（就我的情况而言是test.html）：

<html>
<head>
    <script src="http://releases.flowplayer.org/js/flowplayer-
      3.2.12.min.js"></script>
</head>

<body>
    <div id="player" style="width:644px;height:276px;margin:0 auto;text-align:center">
        <img src="/path/to/background.png" height="260" width="489" />
    </div>
    <script>
        $f("player", "http://releases.flowplayer.org/swf/flowplayer-
    3.2.16. swf ", {
        clip: {
            url: '<YOUR_FILE.flv>',
            scaling: 'fit',
            provider: 'hddn'
        },

        plugins: {
            hddn: {
                url: "flowplayer.rtmp-3.2.13.swf",

                netConnectionUrl: 'rtmp://<IP_OF_THE_SERVER>:1935/vod'
            }
        },
        canvas: {
            backgroundGradient: 'none'
        }
        });
    </script>
</body>
</html>

3 - 修改netConnectionUrl和url的值。

4 - 导航服务器（在我的情况下为http://10.11.1.11/test.html）

它有效！。

如何在HTML网页中嵌入流媒体视频（rtmp协议）？

1 个答案: