2017-07-17 4 views
0

Ich versuche RTMP Stream mit VideoJS Spieler, unten ist mein Code:Spielen RTMP-Stream mit VideoJS Spieler

<head> 
    <link href="http://vjs.zencdn.net/6.2.0/video-js.css" rel="stylesheet"> 

    <!-- If you'd like to support IE8 --> 
    <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> 
</head> 

<body> 
    <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup='{"techorder" : ["flash"]}'> 
    <source src="rtmp://184.72.239.149/vod/mp4/BigBuckBunny_115k.mov" type="rtmp/mp4">                               
    <p class="vjs-no-js"> 
     To view this video please enable JavaScript, and consider upgrading to a web browser that 
     <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 
    </p> 
    </video> 

    <script src="http://vjs.zencdn.net/6.2.0/video.js"></script> 
</body> 

Der Fehler, den ich sehen werde, ist dies:

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. MediaError {code: 4, message: "No compatible source was found for this media."}

Die Fehler ist ziemlich klar, aber es gibt viele Dokumente, die Menschen Erfolgsgeschichten zu spielen RTMP Streams mit VideoJS zeigen:

weiß ich sicher, dass die folgende URL auf VLC Spieler spielt und so tut es auf JWPlayer:

rtmp://184.72.239.149/vod/mp4/BigBuckBunny_115k.mov 

Was könnte das Problem sein?

Antwort

1

Wenn Sie spielen wollen RTMP Sie müssen flash-tech enthalten, die von hier abgerufen werden kann:

<head> 
    <link href="http://vjs.zencdn.net/6.2.0/video-js.css" rel="stylesheet"> 

    <!-- If you'd like to support IE8 --> 
    <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> 
</head> 

<body> 
    <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup='{"techorder" : ["flash"]}'> 
    <source src="rtmp://184.72.239.149/vod/mp4/BigBuckBunny_115k.mov" type="rtmp/mp4">                               
    <p class="vjs-no-js"> 
     To view this video please enable JavaScript, and consider upgrading to a web browser that 
     <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 
    </p> 
    </video> 

    <script src="http://vjs.zencdn.net/6.2.0/video.js"></script> 
    <script src="/videojs-flash.js"></script> 
</body> 
+0

Ich habe versucht, dieses Beispiel, aber seine nicht funktioniert können Sie:

https://github.com/videojs/videojs-flash 

Daher richtigen Code sein würde Hilf mir. Ich sehe keinen Fehler in der Webkonsole, aber Video spielte nicht, ich schloss videojs Flash js Datei ein. – CharanRoot

+0

Können Sie bestätigen, dass Ihr RTMP-Stream tatsächlich funktioniert, z. B. mit dem VLC-Player? Wenn Sie die Zeile videojs-flash.js kommentieren, erhalten Sie Fehler in der Konsole? Was verwenden Sie zum Streamen von RTMP? Ich habe das Nginx-Plugin benutzt. –

+0

Ich kann Videos mit dem VLC-Player abspielen. Wenn ich Videojs Flash-Tag videojs auskommentiert, die MEDIA_ERR_SRC_NOT_SUPPORTED zurückgeben, kannst du bitte meinen Code https://jsfiddle.net/qco58Lef/ Danke. – CharanRoot