ウェブカメラ・URL・画面共有のステート遷移

index.html 521-661行で実装した入力ソース切り替えロジックを模型化しました。 タブをクリックすると表示エリアの切り替え、リセット処理、画面共有の開始・停止イベントがどう変化するかを追えます。

📹 Webカメラ
🌐 URL 動画
🖥️ 画面共有
現在: Webカメラ
  • webcam-section が display: block
  • URL/画面共有セクションは非表示
  • videoStream が webcamComponent のストリームに切り替わる
画面共有タブを選択すると getDisplayMedia を想定したストリーム管理が走るため、 停止イベントを想定したクリーンアップも併せて確認できます。