如何在HTML網頁中嵌入流媒體視頻（rtmp協議）？

-4

我找到了運行我自己的rtmp服務器的方法，我也有一個mp4視頻。使用VLC我可以使用rtmp文件，但我需要將視頻嵌入HTML網頁。我看到以下鏈接：https://www.codeproject.com/Tips/668131/How-to-embed-streaming-Video-rtmp-protocol-in-HTML。 但沒有爲我工作。如何在HTML網頁中嵌入流媒體視頻（rtmp協議）？

我也讀過你可以使用一種叫JWPlayer的東西.....但我不明白它是如何工作的或者你需要遵循哪些步驟來使用它。

我知道在網上有很多關於這個話題的文章，任何人都可以舉個例子嗎？（我的意思是HTML代碼）

在此先感謝！

Eric。

來源

2017-12-18 Eric Cano

「_我知道互聯網上有很多關於這個topic_的帖子。」然後請解釋你爲什麼不使用這些資源，而是希望我們再次複製這些信息。 – csmckelvey

你說得對，對不起，我的第一篇文章在這裏。我會改進我未來的職位 –

最後我解決了我的問題。 我不得不使用Flowplayer在網站上顯示我的rtmp視頻。

下面是我遵循的步驟：

- wget的http://releases.flowplayer.org/flowplayer.rtmp/flowplayer.rtmp-3.2.13.swf（RTMP服務器上，特別是在USR /本地/ nginx的/ HTML /）

- 打開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>

- 修改NETC的值onnectionUrl和url。

- 導航服務器（在我的情況http://10.11.1.11/test.html）

和它的作品！

來源

2017-12-26 15:13:19

如何在HTML網頁中嵌入流媒體視頻（rtmp協議）？

回答

相關問題