1ライブRTSPストリームをWebページに埋め込む

私は最近、スマートホームのセットアップに取り組んでおり、セットアップしようとしていることの1つは、スマートホームを管理するためのタッチスクリーンWebインターフェースを備えたタブレットです。. 私が最初にクラックしなければならなかった問題の1つは、cctvフィードをWebブラウザーにストリーミングする方法でした…

問題

私のCCTVカメラ, 多くのように, RTSPストリームのみを提供. RTSPをサポートする最新のWebブラウザーはありません.

検索と要件

Googleはかつてのようなものではなく、私の要件のすべてを満たす受け入れ可能なソリューションを見つけるのに、数日かけて検索を行いました…

  • サードパーティのサーバーが関与しなくても、完全にオフラインで機能するものが欲しかった.
  • 私は完全に合法的に自由な何かが欲しかった, 理想的にはオープンソース
  • ビデオやオーディオをトランスコードしないと処理リソースが無駄になるので、何かが必要でした

ソリューション

私が見つかりました。 本当に役立つガイド これは、JavaS­criptとffm­pegを使用してこれを行う方法を説明しています, どちらも無料ですぐに利用できました.

ffm­pegを実行するには、次のコマンドを使用しました, 私はサービスとしてWindowsで実行しました, nssmで作成…
ffmpeg -i rtsp://your_rtsp_ip:port/path/to/file.stream -c:v copy -c:a copy -bufsize 1835k -pix_fmt yuv420p -flags -global_header -hls_time 10 -hls_list_size 6 -hls_wrap 10 -start_number 1 /var/www/html/video.m3u8

ビデオを埋め込むには、次のcssファイルをダウンロードして、 2 jsファイル

  • https://vjs.zencdn.net/7.2.3/video-js.css
  • https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.js
  • https://vjs.zencdn.net/7.2.3/video.js

次に、ガイドのコードを使用しました (位置ファイルへの変更されたパス) すぐに機能したビデオを埋め込む. ffm­pegは周りを使用しています 0.2% CPUの使用状況と、Webサイトをホストするサーバー上の数MBのメモリ.

最後に, 問題が発生した場合—私は ffm­pegのwin64統計ビルド 4.2.2

私たちが何かを逃したと思います? 私たちは以下のコメントで教えてください. あなたが購読したい場合は、右上のメニューで購読リンクをご利用ください. また、下記の社会的なリンクを使用してお友達とこれを共有することができます. 乾杯.

返信を残す

1 コメント

gravatarトーマス

こんにちは,
私は同じことをしようとしています, しかし、私はそれを正しく動作させることができないようです
私はあなたの指示に従いました, とリンクされたもの, しかし、ライブフィードと公開されたフィードの間に20〜30秒の遅延が発生するようです
それを引き起こしている可能性のあるアイデア?

応答