gpt4 book ai didi

html - 如何在 HTML 网页中嵌入流媒体视频(rtmp 协议(protocol))?

转载 作者:行者123 更新时间:2023-12-04 02:00:08 25 4
gpt4 key购买 nike

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

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

我知道网上有很多关于这个话题的帖子,谁能给我一个例子? (我的意思是 HTML 代码)

提前致谢!!

埃里克。

最佳答案

最后我解决了我的问题。
我不得不使用 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 - 如何在 HTML 网页中嵌入流媒体视频(rtmp 协议(protocol))?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47868433/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com