株式会社Jストリーム様

ブラウザ完結型「参加型ライブ配信」Webアプリケーションプロトタイプ開発

公開日：

プロジェクト概要

離れた場所にいる出演者やゲストがブラウザから番組に参加し、その映像をテレビ番組のように自由にレイアウトして、そのままライブ配信する「参加型ライブ配信」Webアプリケーションについて、実現できるかを確かめるためのプロトタイプを開発しました。

「専用ソフトや配信機材なしで、Google Chrome だけで出演者の参加、配信画面づくり、ライブ配信の3つを一か所で完結できるか」を検証テーマとし、実際に動くアプリケーションを作って、構成と技術の実現性を確かめています。

出演者が参加する仕組みには Amazon Chime SDK、視聴者への配信には Amazon IVS を採用し、サーバー側は必要なときだけ処理が動くサーバーレス構成で構築しました。

背景と検証の目的

複数の出演者やゲストが参加するライブ配信では、これまで複数のツールを組み合わせる必要があり、運営側に大きな負担がかかっていました。

出演者をつなぐツールと配信ソフトを別々に用意する必要がある
Zoom などで出演者を集め、その映像を OBS などの配信ソフトに取り込む設定と機材が必要でした。
配信ソフトの操作が難しく、属人化しやすい
詳しい担当者がいないと配信を運営できませんでした。
出演者が別々の場所にいると、映像と音声を1つの番組にまとめるのが大変
遠隔地の出演者やゲストを配信画面に登場させるまでの手間が大きいという声がありました。
専用の配信機材を揃えると費用が高額になる
本格的な配信を行うための専用機材は高額でした。

こうした課題に対し、機材や専門知識がなくてもブラウザだけで出演者を招き、番組として配信できる仕組みが実現可能かを見極めるため、プロトタイプを開発しました。ブラウザとクラウドサービスの組み合わせで実現できれば、専用機材を使う場合と比べて初期費用を抑え、使った分だけの費用で配信を運営できることも期待されます。

主な検証ポイントは次のとおりです。

検証ポイント	確認したいこと
出演者の参加	ブラウザだけで、遠隔地の出演者がスムーズに番組へ参加できるか
映像と音声の品質	自宅などからの参加でも、配信に耐える見た目と聞こえ方にできるか
配信画面の構成	配信ソフトを使わずに、ブラウザ上で番組らしい画面を組み立てられるか
配信	組み立てた画面を、そのまま視聴者向けにライブ配信できるか

プロトタイプの実装内容

参加型ライブ配信の流れ（ルーム作成、出演者の参加、画面レイアウト、配信開始）を一つずつ分解し、各工程を実際に動く形で実装して検証しました。

出演者とゲストがAmazon Chime SDKのルームにブラウザから参加し、配信スタジオで画面を組み立て、Amazon IVSでライブ配信して視聴者に届くまでの流れ — 参加型ライブ配信の流れ

出演者ルーム：IDを共有するだけで番組に参加できるか

Amazon Chime SDK を用いて、出演者が集まる「ルーム」を実装しました。ボタン1つでルームを作成し、発行されたIDを共有するだけで、出演者やゲストがブラウザから参加できます。

カメラ、マイク、スピーカーの切り替えや参加者名の日本語表示にも対応し、配信に不慣れな出演者でも扱える画面になるかを確認しています。

カメラと音声の補正：自宅からの出演でも配信品質を保てるか

出演者がどこから参加しても見やすく聞きやすい映像にできるかを確かめるため、Amazon Chime SDK の補正機能を組み込みました。

機能	内容
背景ぼかし	出演者の後ろの部屋をぼかして映さないようにする
背景画像	背景を任意の画像に差し替える
ノイズ除去	キーボード音や周囲の雑音を AI で除去し、声を聞き取りやすくする

いずれもボタン1つで切り替えられる形で実装し、本番直前の調整にも使えるかを検証しました。