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

Question

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

我还了解到您可以使用名为 JWPlayer 的东西.....但我不明白它是如何工作的，也不知道使用它需要遵循哪些步骤。

我知道互联网上有很多 post 关于这个话题，谁能给我举个例子？（我的意思是 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 协议）？

How to embed streaming Video (rtmp protocol) in HTML web page?

html

rtmp