実現したいこと
nginxのストリーミングサーバーを立ててライブ配信するというのを、Raspberry Piを使って実行しました。この記事の通りに実行しました。
参考にしたページ
私はWebIOPi配下に作成したGPIOをWebブラウザで制御するページと、この配信しているページを一つにまとめることが可能か、そしてその方法を知りたいです。
やってみたこと
nginxベースで配信する映像とは別にmotionという映像のみを配信するサービスがあります。
motionについてのページ
motionをWebIOPiのページに埋め込み、映像をみることはできます。
html
1//WebIOPiのhtml 2<img src="http://(RaspberryPiのIPアドレス):8081/">
同じ要領で、nginxから配信されている映像も埋め込むことは可能か試してみたところ,chromeのElements部分にこのようなエラーがでました。
Cross-Origin Read Blocking (CORB) blocked cross-origin response http://(Raspberry PiのIPアドレス):8090/ with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more detail
別のサーバーにアクセスしようとしたので、ブロックされました。解決策の一つとしてこのエラーを回避して表示させることは可能でしょうか?
他のアプローチとして考えられるのは
・nginx上でWebIOPiと同じような役割ができる処理を書く
・WebIOPiのWebサーバから、HLS配信を行う
でしょうか。
後者のほうですがnginx-rtmp-moduleをいれたnginxでないとrtmpを扱えないので、WebIOPiがHLS配信をするのは厳しいのではと、私は思います。
前者のほうは、私自身の力不足により具体的な解決策が出ていません。
最後に
別々のサーバーから出ているデータを一つのページにまとめるのは非常に難しいですが、皆さんの力をお借りして実現したいと考えています。よろしくお願いします。
あなたの回答
tips
プレビュー