source-tabs と source-content の切り替えを再現

midori225 は Web カメラ / Web 動画 / 画面共有をタブで切り替えます。 index.html の DOM 操作を簡略化し、クリックしたタブが active になる挙動を確認できます。

Webカメラ入力

ユーザーのカメラにアクセスし、MediaStream を PredictionComponent に渡します。許可ダイアログの成功イベントから自動で推論が始まります。

Web動画入力

YouTube などの URL を埋め込む場合は iframe (YouTube) または video タグ (mp4) を表示し、画面共有タブと組み合わせて推論します。

画面共有入力

getDisplayMedia で取得したストリームを直接 PredictionComponent に渡します。タブを閉じると停止イベントが発火し、推論を中断します。