Power Apps での 音声 と ビデオ のコントロール
YouTube でオーディオ ファイル、ビデオ ファイル、またはビデオを再生するコントロール。
内容
音声 コントロールでは、ファイルからのサウンド クリップ、マイク コントロールからの録音、またはビデオ ファイルのオーディオ トラックを再生します。
ビデオ コントロールでは、ファイルまたは YouTube や外部ソースからのビデオ クリップを再生します。 指定した場合、クローズド キャプションをオプションで表示できます。
重要
Azure Media Services のビデオはサポートされなくなりました。 詳細については、サービスの廃止を参照してください。
制限
オーディオとビデオのコントロールには次の制限があります:
- Power Apps Mobile はさまざまな種類のデバイスで実行され、その一部には、プラットフォームに固有の制限があります。
- iPhone デバイスを除くすべてのプラットフォームで、同時に複数のビデオ コントロールでビデオを再生できます。
- Web プレーヤーを除くすべてのプラットフォームで、同時に複数のマイク コントロールを使用して音声を録音できます。
重要なプロパティ
Loop – オーディオまたはビデオ クリップが、再生終了と同時に先頭から自動的に再生するかどうか。
メディア – オーディオまたはビデオ コントロールが再生するクリップの ID です。
注意
- すべての外部ビデオに HTTPS を使用して、最新ブラウザーで互換性を確保します。
- 外部のビデオには匿名で (認証をすることなく) アクセスできる必要があります。
ShowControls – オーディオ プレイヤーまたはビデオ プレイヤーに再生ボタンと音量スライダーなどが表示されるかどうか、およびペン コントロールに描画、削除、クリアなどのアイコンが表示されるかどうか。
追加のプロパティ
AccessibleLabel – スクリーン リーダー用のラベル。 ビデオまたはオーディオ クリップのタイトルである必要があります。
AutoPause – ユーザーが別の画面に移動した場合、オーディオまたはビデオ クリップを自動的に一時停止するかどうかを指定します。
AutoStart – ユーザーがオーディオまたはビデオ コントロールを含む画面に移動したときに、自動的にクリップの再生を開始するかどうかを指定します。
BorderColor – コントロールの境界線の色。
BorderStyle – コントロールの境界線が実線、破線、点線、またはなしかどうか。
BorderThickness – コントロールの境界線の太さ。
ClosedCaptionsUrl – ビデオ コントロールのみ。 WebVTT 形式のクローズド キャプション ファイルの URL。 ビデオの URL と キャプションの URL は、どちらも HTTPS である必要があります。 ビデオとキャプションの両方のファイルをホストするサーバーでは、CORS が有効になっている必要があります。
DisplayMode – コントロールがユーザー入力を許可するか (編集)、データのみを表示するか (表示)、または無効にするか (無効) どうか。
Fill – コントロールの背景色。
FocusedBorderColor – コントロールがフォーカスされているときのコントロールの境界線の色。
FocusedBorderThickness – コントロールがフォーカスされているときのコントロールの境界線の太さ。
Height – コントロールの上端と下端間の距離。
画像 – 画像、オーディオ、マイクのコントロールに表示される画像の名前。
ImagePosition – 画面またはコントロールのサイズが画像と異なる場合の、画面またはコントロール内の画像の位置 (画面いっぱい、自動調整、拡大、タイル表示、または中央に表示)。
OnEnd – オーディオまたはビデオ クリップの再生が終了したときに実行するアクション。
OnPause – オーディオまたはビデオ コントロールが再生しているクリップをユーザーが一時停止したときに実行するアクション。
OnStart – ユーザーが マイク コントロールで録音を開始したとき実行するアクション。
Paused – メディア再生コントロールが現在一時停止している場合は true、それ以外の場合は false。
Reset – コントロールを既定値に戻すかどうかを指定します。
Start – オーディオまたはビデオ クリップを再生するかどうかを指定します。
StartTime – クリップの再生が開始するとき、オーディオまたはビデオ クリップの開始後の時刻。
Time – メディア コントロールの現在位置。
TabIndex – 他のコントロールに関連するキーボード ナビゲーションの順序。
Tooltip – ユーザーがコントロールにカーソルを置くときに表示される説明テキスト。
Visible – コントロールが表示されるか非表示になるか。
Width – コントロールの左端と右端間の距離。
X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。
Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。
関連する関数
例
オーディオまたはビデオ ファイルを再生する
ファイル メニューで、メディアをクリックまたはタップし、ビデオまたはAudioをクリックまたはタップしてから、参照をクリックまたはタップします。
使用するファイルを参照してクリックまたはタップしてから、開くをクリックまたはタップします。
Esc キーを押して既定のワークスペースに戻り、音声またはビデオ コントロールを追加して、そのメディア プロパティを追加したファイルに設定します。
コントロールの追加および構成 についてはこちらをご覧ください。
F5 キーを押してから、追加したコントロールの再生ボタンをクリックまたはタップして、クリップを再生します。
ヒント
ビデオ コントロールの再生ボタンは、コントロールにカーソルを合わせると表示されます。
既定のワークスペースに戻るには、Esc キーを押します。
YouTube ビデオを再生する
- ビデオ コントロールを追加し、そのメディア プロパティを二重引用符で囲まれた YouTube ビデオの URL に設定します。
- F5 キーを押し、ビデオ コントロールの再生ボタンをクリックまたはタップして、クリップを再生します。
- 既定のワークスペースに戻るには、Esc キーを押します。
アクセシビリティ ガイドライン
オーディオおよびビデオの代替手段
- ユーザーが自分のペースでマルチメディアを視聴できるように、ShowControls を true にする必要があります。 これにより、ユーザーはビデオ プレーヤーでクローズド キャプションや全画面モードを切り替えることもできます。
- クローズド キャプションがビデオに対して指定されている必要があります。
- YouTube ビデオの場合、YouTube から提供される作成ツールを使ってキャプションを追加します。
- その他のビデオの場合は、WebVTT 形式でキャプションを作成し、それをアップロードして、ClosedCaptionsUrl を URL の場所に設定します。 いくつかの制限があります。 ビデオとキャプションをホストしているサーバーは、CORS が有効であり、HTTPS プロトコルを使用してそれらを提供する必要があります。
- 次のいずれかの方法を使用して、オーディオまたはビデオのトランスクリプトを提供することを検討してください。
- ラベル にテキストを挿入し、マルチメディア プレーヤーの隣に配置します。 必要に応じて、テキストの表示を切り替える ボタン を作成します。
- 別の画面にテキストを挿入します。 画面に移動する ボタン を作成し、マルチメディア プレーヤーの隣にボタンを配置します。
- 説明が短い場合は、AccessibleLabel に配置できます。
色のコントラスト
次の間には適切な色のコントラストが必要です:
- FocusedBorderColor と外側の色
- 画像 とマルチメディア プレーヤー コントロール (該当する場合)
- Fill とマルチメディア プレーヤー コントロール (塗りつぶしが表示される場合)
ビデオ コンテンツに色のコントラストの問題がある場合は、クローズド キャプションまたはトランスクリプトを提供します。
スクリーン リーダー サポート
- AccessibleLabel が存在する必要があります。
キーボードのサポート
- TabIndex を 0 以上にして、キーボード ユーザーがそこに移動できるようにする必要があります。
- フォーカス インジケーターは明確に表示する必要があります。 これを実現するには FocusedBorderColor および FocusedBorderThickness を使用します。
- AutoStart は、キーボード ユーザーが再生をすばやく停止するのが難しい場合があるので、false である必要があります。
注意
ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)
この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。