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

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

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

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

OpenCV

OpenCV(オープンソースコンピュータービジョン)は、1999年にインテルが開発・公開したオープンソースのコンピュータビジョン向けのクロスプラットフォームライブラリです。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

解決済

Flaskで複数の画像をストリーミングしたい

mo256man
mo256man

総合スコア42

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

OpenCV

OpenCV(オープンソースコンピュータービジョン)は、1999年にインテルが開発・公開したオープンソースのコンピュータビジョン向けのクロスプラットフォームライブラリです。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

1回答

0評価

0クリップ

170閲覧

投稿2022/05/24 12:48

やりたいこと

カメラ映像を画像処理した上でFlaskでストリーミングする方法をなんとか習得しました。
多くの解説サイトがそうであるように、出力画像が一つのものです。

では、複数の画像を同時にストリーミングさせるにはどうしたらよいのでしょうか。
カメラ映像そのままと画像処理された画像を流したいと考えています。

コード(画像ひとつ版)

Python

from flask import Flask, render_template, Response import cv2 app = Flask(__name__) class Camera(object): def __init__(self): self.video = cv2.VideoCapture(0) def read(self): return self.video.read() def gen(camera): while True: _, frame = camera.read() # 画像処理1 グレースケールにする image1 = cv2.cvtColor(frame, cv2.COLOR_BGR2GRAY) _, encoded1 = cv2.imencode('.jpg', image1) bin1 = b"--frame\r\nContent-Type: image/jpeg\r\n\r\n" + encoded1.tobytes() + b"\r\n" # 画像処理2 左右反転する image2 = cv2.flip(frame, 1) _, encoded2 = cv2.imencode('.jpg', image2) bin2 = b"--frame\r\nContent-Type: image/jpeg\r\n\r\n" + encoded2.tobytes() + b"\r\n" yield (bin1) @app.route("/") def stream(): return render_template("stream.html") @app.route("/video1") def video1(): return Response(gen(Camera()), mimetype="multipart/x-mixed-replace; boundary=frame") if __name__ == "__main__": app.run(debug=True)

html

<html> <body> <img src="{{ url_for('video1') }}"> </body> </html>

やってみたこと

その1

2個の画像を出力させる一歩前の段階として、

  • gen(camera)bin1でなくリスト[bin1, bin2]を生成する
  • レスポンスを返すところでgen(Camera())でなくgen(Camera())[0]を指定する

をやってみた → generator' object is not subscriptable エラー

その2

  • その1と同じくgen(camera)でリスト[bin1, bin2]を生成する
  • レスポンスを返すところでlist(gen(Camera()))[0]を指定する

をやってみた → 何の反応もなし

と、複数表示させるどころか二つのバイナリを作ってそのうち一つを扱うことすらできていない状態です。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

OpenCV

OpenCV(オープンソースコンピュータービジョン)は、1999年にインテルが開発・公開したオープンソースのコンピュータビジョン向けのクロスプラットフォームライブラリです。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。