2016-04-14 1 views
4

でパイのビデオを表示するためのパラメータをにVideo.js私はそれは、次のコマンドを実行しているカメラのラズベリーパイ&を持っている:ラズベリーパイ、raspivid - > VLC - >ブラウザ

/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

私はこれを表示することができますネットワークストリームを開くことによってVLC:http://gr_rpi:8080。動画はうまく再生されます。 VLCのコーデックの詳細次のことを示します。

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

私はにVideo.jsを使用してブラウザで閲覧可能なこのを持っていると思います。私はWebサーバーとしてnginxを使用しています。 Nginxはうまく働いています。私は私のブラウザ(OS XのSafari)で "http://martin" 開く

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

:ここに私のHTMLコード(index.htmlを)です。 Video.jsが動作しています - 再生ボタンでプレーヤーのウィンドウを表示します。再生ボタンをクリックすると、バッファ/再生が試みられ、「サーバーまたはネットワークが故障したか、フォーマットがサポートされていないためにメディアをロードできませんでした」と表示されます。

私は同じ失敗した再生と、にVideo.jsで次のMIMEタイプを試してみました:

<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'>

をにVideo.jsソースコードから、次のMIMEタイプをサポートして表示されます。

アプリケーション/ X-mpegurl

アプリケーション/ vnd.apple.mpegurl

ビデオ/ MP4

// HTML5 Feature detection... 
var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i; 
var mp4RE = /^video\/mp4/i; 

VLC(https://wiki.videolan.org/VLC_command-line_help/)のリファレンスドキュメントを見てきましたが、私には何も飛びません。

私は、video.jsを伝える必要があるMIMEタイプ、またはVLCまたはvideo.jsで変更する必要があるパラメータのいずれかを提案して、video.jsを満足させる方法を探しています。

ありがとうございます!

答えて

0

あなたは私がやろうとしていることを正確にやっていると思います。

私はタイプがタイプ= "RTMP/MP4" ここ

にする必要があり、この

が見つかりました:VideoJs with live stream

関連する問題