質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

Raspberry Pi

Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

Q&A

0回答

427閲覧

nginxでストリーミングサーバーを立て、ライブ配信された動画をWebIOPiのページに表示する

Sano

総合スコア19

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

Raspberry Pi

Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

0グッド

0クリップ

投稿2018/10/28 10:52

実現したいこと

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配信をするのは厳しいのではと、私は思います。
前者のほうは、私自身の力不足により具体的な解決策が出ていません。

最後に

別々のサーバーから出ているデータを一つのページにまとめるのは非常に難しいですが、皆さんの力をお借りして実現したいと考えています。よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問