2016-04-14 11 views
4

Ich habe ein Raspberry Pi & es Kamera mit dem folgenden Befehl:Raspberry Pi, raspivid -> VLC -> Video.js Parameter Pi Video in Browser anzeigen

/opt/vc/bin/raspivid -t 0 -w 1920 -h 1080 -fps 25 -b 2000000 --exposure auto -awb auto -hf -vf -n -o - | /usr/bin/cvlc -I dummy --live-caching=500 'stream:///dev/stdin' --sout '#standard{access=http,mux=ts,dst=:8080}' :demux=h264 --sout-keep

Ich kann diese Ansicht mit VLC durch Öffnen eines Netzwerkstreams: http://gr_rpi:8080. Das Video spielt gut. VLC-Codec Details zeigt die folgende:

Stream 0 Type Video Original ID 68 Codec H264 - MPEG-4 AVC (part 10) (h264) Resolution 1920 x 1080 Decoded format Planar 4:2:0 YUV

Ich möchte dies mit Video.js in einem Browser sichtbar haben. Ich benutze nginx als Webserver. Nginx funktioniert Ok. Hier ist mein HTML-Code (index.html):

<html> 
<head> 
<link href="http://martin/node_modules/video.js/dist/video-js.css" rel="stylesheet"> 
</head> 
<body> 

<video id=Game_Room width=960 height=540 class="video-js vjs-default-skin" controls preload="none" data-setup="{}"> 
    <source src="http://gr_rpi:8080" type="video/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://martin/node_modules/video.js/dist/alt/video.novtt.js"></script> 
<script> 
    var player = videojs('example-video'); 
    player.play(); 
</script> 

</body> 
</html> 

I "http://martin" in meinem Browser (Safari auf OS X) öffnen. Video.js funktioniert - es zeigt das Player-Fenster mit der Play-Taste. Wenn ich auf die Wiedergabeschaltfläche klicke, versucht es zu puffern/spielen und sagt dann: "Das Medium konnte nicht geladen werden, entweder weil der Server oder das Netzwerk ausgefallen ist oder weil das Format nicht unterstützt wird."

ich die folgenden MIME-Typen in Video.js versucht habe, mit der gleichen failed Wiedergabe:

<source src="http://gr_rpi:8080" type='video/mp4'> <source src="http://gr_rpi:8080" type='application/x-mpegurl'> <source src="http://gr_rpi:8080" type='video/h264'> <source src="http://gr_rpi:8080" type='video/mpeg4-generec'>

Vom Video.js Quellcode, wie es scheint es den folgenden MIME-Typen unterstützt:

application/x-mpegurl

application/vnd.apple.mpegurl

Video/mp4

Ich habe die Referenzdokumentation für VLC (https://wiki.videolan.org/VLC_command-line_help/) angeschaut, und nichts springt auf mich.

Ich suche nach Vorschlägen für entweder den MIME-Typ Ich sollte video.js erzählen, und/oder die Parameter, die ich in VLC oder video.js ändern sollte, um video.js glücklich zu machen.

Vielen Dank im Voraus!

Antwort