2017-12-18 31 views
-4

自分のrtmpサーバーを稼働させる方法を見つけました。私もmp4ビデオを持っています。 VLCではrtmpファイルを使用できますが、ビデオをHTML Webページに埋め込む必要があります。 私は次のリンクを見た:https://www.codeproject.com/Tips/668131/How-to-embed-streaming-Video-rtmp-protocol-in-HTMLしかし、私のために働いていませんHTML Webページにストリーミングビデオ(rtmpプロトコル)を埋め込む方法は?

私はJWPlayerというものを使うこともできると読んでいました。でも、どのように動作するのか、どのステップを使用する必要があるのか​​分かりませんでした。

私はこのトピックについてインターネットに多くの投稿があることを知っています。 (私はHTMLコードを意味する)

ありがとうございます!

Eric。

+0

「このトピックについてインターネットに多くの投稿があることを知っています_」なぜそれらのリソースを使用しないのか説明してください。代わりに情報を再度複製してください。 – csmckelvey

+0

あなたは正しいです、私の貧しい情報については申し訳ありません、ここに私の最初の投稿。 今後の投稿を改善します –

答えて

0

最後に私の問題を解決しました。 ウェブサイトに自分のRTMビデオを表示するためにFlowplayerを使用する必要がありました。ここ

私はその後の工程である:

- wgetのhttp://releases.flowplayer.org/flowplayer.rtmp/flowplayer.rtmp-3.2.13.swf(RTMPサーバー上で、具体的にはUSR /ローカル/ nginxの/ HTML/IN)

- I 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で)サーバーをナビゲート!

関連する問題