스트리밍 비디오 (rtmp 프로토콜)를 HTML 웹 페이지에 임베드하는 방법은 무엇입니까?

-4

내 자신의 rtmp 서버를 실행하는 방법을 찾았으며 mp4 비디오도 가지고 있습니다. VLC를 사용하면 rtmp 파일 을 사용할 수 있지만 비디오를 HTML 웹 페이지에 삽입해야합니다. 다음 링크를 보았습니다 : https://www.codeproject.com/Tips/668131/How-to-embed-streaming-Video-rtmp-protocol-in-HTML. 그러나 나를 위해 작동하지 않았다.스트리밍 비디오 (rtmp 프로토콜)를 HTML 웹 페이지에 임베드하는 방법은 무엇입니까?

또한 JWPlayer라는 것을 사용할 수 있다는 것을 읽었습니다 ..... 그러나 어떻게 작동하는지 또는 어떤 단계를 따라야하는지 이해하지 못했습니다.

인터넷에이 주제에 관한 많은 게시물이 있다는 것을 알고 있습니다. 아무도 저에게 예제를 줄 수 있습니까? (나는 HTML 코드를 의미 함)

미리 감사드립니다 !!

에릭.

출처

2017-12-18 Eric Cano

"_이 주제에 관해 인터넷에 많은 게시물이 있다는 것을 알고 있습니다 _"왜 그런 리소스를 사용하지 않는지 설명하고 대신 정보를 다시 복사하기를 바랍니다. – csmckelvey

당신이 맞습니다. 가난한 정보에 대해 유감스럽게 생각합니다. 나의 첫 번째 게시물입니다. 미래의 게시물을 개선 할 것입니다. –

마지막으로 내 문제를 해결했습니다. Flowplayer를 사용하여 내 rtmp 비디오를 웹 사이트에 표시해야했습니다.

여기서 I는 그 다음 단계는 : - wget을 http://releases.flowplayer.org/flowplayer.rtmp/flowplayer.rtmp-3.2.13.swf (RTMP 서버 구체적 usr/지방/Nginx에/HTML/인치)

2 -

1 열고 HTML은 I NETC의 값을 수정 -

<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를 : 생성하고 다음과 같이두고 (내 경우 test.html를했다) onnectionUrl 및 url.

4 -

그리고 작동 (내 경우 http://10.11.1.11/test.html에) 서버를 이동합니다!

출처

2017-12-26 15:13:19

스트리밍 비디오 (rtmp 프로토콜)를 HTML 웹 페이지에 임베드하는 방법은 무엇입니까?

답변

관련 문제