Webダッシュボードの画面ミラーリング

Webダッシュボードの画面ミラーリングビューは、Androidスマートフォンの画面をブラウザタブにレンダリングします。この機能に実際のユーザーインターフェースがあるのはここだけです。スマートフォン側には専用の画面ミラーリング画面はなく、ブラウザからセッションを開始するとすぐにバックグラウンドサービスがストリーミングを開始し、すべてのコントロールはここにあります。

ストリームはWebCodecsでデコードされ<canvas>に描画されるため、ページはセキュアコンテキスト（HTTPSまたはlocalhost）で提供される必要があります。PlainAppのローカルサーバーはすでにこの要件を満たしていますが、何らかの理由で非localhostアドレスでプレーンHTTP経由でダッシュボードを読み込んだ場合、ページはストリームを開始しようとする代わりに、セキュアなURLへのリンク付きのHTTPSが必要プロンプトを表示します。

主な機能

• ライブキャンバスミラーリング — フレームはWebCodecsでデコードされ、<canvas>要素に描画されます。プラグインもネイティブクライアントも不要。ブラウザだけで動作します。
• 完全なリモートコントロール — コントロールが有効になると、キャンバス上のクリック、ドラッグ、スクロールが実際の画面座標に正規化され、スマートフォン上のリアルなタップ、長押し、スワイプ、スクロールに変換されます。専用ボタンで戻る、ホーム、最近のアプリを送信できます。
• フルスクリーンモード — キャンバスを画面いっぱいに拡大します。Escキー（またはツールバートグル）で終了します。
• HD / スムーズ品質モード — セッション中に品質を切り替えられます。HDはシャープさを優先し、スムーズは混雑したWi-Fiで解像度を犠牲にして低遅延を優先します。
• スクリーンショットのキャプチャ — ワンクリックで現在のフレームの.pngをダウンロードします。
• セッション録画 — キャンバスをローカルに動画ファイルとして録画し、ツールバーに録画中のタイマーが表示されます。
• 音声ミラーリング — スマートフォンからの音声パススルーを要求し、ブラウザで独立してミュート/ミュート解除できます。
• 再起動と一時停止 — ストリームを一時停止してセッションを終了せずに帯域幅の消費を停止するか、スマートフォンのミラーリングサービスがハングした場合に再起動します。

操作手順

1. ダッシュボードのサイドバーから「画面ミラーリング」ページを開きます。スマートフォンが現在ミラーリングしていない場合は、開始をクリックしてスマートフォンにキャスト開始を要求します。
2. ライブミラーを表示 — スマートフォンが画面キャプチャ権限を許可すると、1〜2秒以内にキャンバスにフレームが表示されます。
3. ツールバーからリモートコントロールを有効にし、キャンバス上でクリック、ドラッグ、スクロールしてスマートフォンを実際に手に持っているかのように操作します。さらに専用の戻る/ホーム/最近のアプリボタンもあります。
4. フルスクリーンボタンをクリックしてフルスクリーンに切り替え、Escキーでダッシュボードレイアウトに戻ります。
5. ツールバーのHD/スムーズトグルで品質を変更します。切り替えは次のキーフレームで有効になります。
6. ツールバーからスクリーンショットをキャプチャするか録画を開始し、終了したら停止をクリックしてセッションを終了します。

ヒントとコツ

• 共有スペースでミラーリングする場合は、ツールバーから音声をミュートします。スマートフォンのスピーカーではなく、ブラウザのみに影響します。
• 再生/一時停止ボタンをクリックして切断せずに一時停止します。更新の帯域幅を消費せずに静的な画面を読む必要がある場合に便利です。
• スマートフォンのミラーリングサービスがハングした場合は、ツールバーからアプリを再起動します。スマートフォンを再起動せずに再起動できます。
• リモートコントロールの座標は実際の動画解像度に正規化されるため、ブラウザウィンドウのサイズを変更したりフルスクリーンにしたりしても、コントロールは正しく機能します。

プライバシーとセキュリティについて

関連機能

• Webダッシュボードの写真、動画、音楽 — ライブ画面ではなく、メディアファイルを閲覧します。
• Webダッシュボードのファイル管理 — スクリーンショットや録画をコンピューターから取り出します。
• Webダッシュボードのアプリマネージャー — ブラウザからスマートフォンをリモート管理する別の方法です。