如何在 HTML 网页中嵌入流媒体视频（rtmp 协议）？
Posted
技术标签:
【中文标题】如何在 HTML 网页中嵌入流媒体视频（rtmp 协议）？【英文标题】：How to embed streaming Video (rtmp protocol) in HTML web page? 【发布时间】：2017-12-18 12:23:26 【问题描述】：我找到了运行我自己的 rtmp 服务器的方法，我也有一个 mp4 视频。 使用 VLC，我可以使用 rtmp 文件但我需要将视频嵌入 HTML 网页中。 我看到了以下链接：https://www.codeproject.com/Tips/668131/How-to-embed-streaming-Video-rtmp-protocol-in-html。 但对我不起作用。
我还读到您可以使用名为 JWPlayer 的东西.....但我不明白它是如何工作的，也不明白使用它需要遵循哪些步骤。
我知道网上有很多关于这个话题的帖子，谁能给我一个例子？ （我的意思是 HTML 代码）
提前致谢！！
埃里克。
【问题讨论】：
你是对的，抱歉我的信息很差，这是我在这里的第一篇文章。我会改进我未来的帖子 【参考方案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" />
</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）
它有效！。
【讨论】：
问题已过时，但我仍在寻找解决方案。 Flowplayer 似乎已经改变了他们的商业模式，没有免费下载并且您的链接不再有效。还有其他提示吗？以上是关于如何在 HTML 网页中嵌入流媒体视频（rtmp 协议）？的主要内容，如果未能解决你的问题，请参考以下文章
流媒体服务海康摄像头RTSP视频推流转码拉流直播综合应用：VLC+FFMPEG+Nginx实现RTSP到RTMP网页直播
Qt推流程序自动生成网页远程查看实时视频流（视频文件/视频流/摄像头/桌面转成流媒体rtmp+hls+webrtc）
高稳定低延时高并发RTMP播放器流媒体音视频播放器EasyPlayer-RTMP-iOS器如何将核心代码打包成静态库