Edison作業日誌(4日目)
nodejsとwebsocketsを用いてストリーミング配信を行う
- Edison作業日誌(3日目) – 水銀の環境構築メモ
以前の記事ではmjpg-streamerというものを用いてストリーミング配信を行なっていました。
今回はffmpegを用いてwebcamをエンコードしつつ、アクセスしてきたブラウザに対してwebsocketをつないで動画をぶんなげるみたいな感じでストリーミング配信を行います。
体感ですが、こっちのほうが遅延が少ないです。
- 参考URL
こいつにおんぶにだっこでやっていきました。
以前の記事まででほぼ環境は整っていたのでedisonにffmpegをインストールするところからやりました。
edisonにffmpegをインストールする
edisonにログインしたら、まずはgit cloneしてffmpegをインストールします。
(使ってるPCの方にもgit cloneしとく)
1 2 3 |
$ git clone https://github.com/drejkim/edi-cam $ cd edi-cam/bin $ ./install_ffmpeg.sh |
はい、失敗しました。
リンク先が変更されているからですね。
FFmpeg Static Buildsを確認して、FNAME=ffmpeg-2.4.3-32bit-static.tar.xzの部分をFNAME=ffmpeg-2.5.1-32bit-static.tar.xz に書き換えました。
同様にbin/do_ffmpeg.shも変更しました。
んでもう一度実行すると正常にインストールできました。やったね。
nodejsの依存パッケージのインストール
1 2 |
$ cd ~/edi-cam/web/server $ npm install |
nodejs serverの立ち上げとffmpegを用いたwebcam映像の変換
1 2 3 4 |
$ cd ~/edi-cam/web/server $ node server.js& $ cd ~/edi-cam/bin $ ./do_ffmpeg.sh |
ブラウザからの確認
はい、あとは自分のパソコンなどからedisonにアクセスしてみて映像が見れるか確認します。
PCのほうにもgit cloneしてきたと思うので、以下のようにブラウザで見てみましょう。
1 |
$ firefox ~/edi-cam/web/client/index.html |
はい、見れませんね。
index.htmlに不備がありますので修正します。
31行目に”.”が抜けてますね。
1 2 3 4 |
//誤 <script src="/jsmpg.js"></script> //正 <script src="./jsmpg.js"></script> |
最近のコメント