YouTube でオーディオ ファイル、ビデオ ファイル、またはビデオを再生するコントロール。
Description
オーディオ コントロールは、ファイルからのサウンド クリップ、マイク コントロールからの録音、またはビデオ ファイルからのオーディオ トラックを再生します。
ビデオ コントロールは、ファイルまたは YouTube または任意の外部ソースからビデオ クリップを再生します。 クローズド キャプションは、必要に応じて指定した場合に表示できます。
Important
Azure Media サービスのビデオはサポートされなくなりました。 詳細については、「 サービスの提供終了」を参照してください。
制限事項
オーディオおよびビデオ コントロールには、次の制限があります。
- Power Apps Mobile はさまざまな種類のデバイスで実行され、その一部には、そのプラットフォームに固有の制限があります。
- iPhone デバイスを除くすべてのプラットフォームで、複数の ビデオ コントロールでビデオを同時に再生できます。
- Web プレーヤーを除くすべてのプラットフォームで、複数の マイク コントロールを使用してオーディオを同時に録音できます。
重要なプロパティ
ループ – オーディオクリップまたはビデオクリップが再生が完了するとすぐに自動的にやり直すかどうか。
メディア – オーディオまたはビデオ コントロールが再生するクリップの識別子。
注
- 最新のブラウザーとの互換性を確保するために、すべての外部ビデオに HTTPS を使用します。
- 外部ビデオには匿名でアクセスできる必要があります (認証なし)。
ShowControls – 再生ボタンや音量スライダー、ペン コントロールなど、オーディオ プレーヤーとビデオ プレーヤーのどちらが表示されるか (描画、消去、クリアのアイコンなど)。
追加のプロパティ
AccessibleLabel – スクリーン リーダーのラベル。 ビデオまたはオーディオ クリップのタイトルにする必要があります。
AutoPause – ユーザーが別の画面に移動した場合にオーディオ クリップまたはビデオ クリップが自動的に一時停止するかどうか。
AutoStart – ユーザーがそのコントロールを含む画面に移動したときに、オーディオコントロールまたはビデオコントロールがクリップの再生を自動的に開始するかどうか。
BorderColor – コントロールの境界線の色。
BorderStyle – コントロールの境界線が Solid、Dashed、Doted、None のいずれであるか。
BorderThickness – コントロールの境界線の太さ。
ClosedCaptionsUrl – ビデオ コントロールのみ。 WebVTT 形式のクローズド キャプション ファイルの URL。 ビデオ URL とキャプション URL の両方が HTTPS である必要があります。 ビデオ ファイルとキャプション ファイルの両方をホストするサーバーは、CORS を有効にする必要があります。
DisplayMode – コントロールでユーザー入力 (編集) を許可するか、データのみを表示するか (表示)、無効 (無効) にするかを指定します。
塗りつぶし – コントロールの背景色。
FocusedBorderColor – コントロールがフォーカスされている場合のコントロールの境界線の色。
FocusedBorderThickness – コントロールがフォーカスされたときのコントロールの境界線の太さ。
Height – コントロールの上端と下端の間の距離。
Image – 画像、オーディオ、またはマイク コントロールに表示されるイメージの名前。
ImagePosition – 画面内のイメージの位置 (Fill、 Fit、 Stretch、 Tile、または Center) またはコントロールが画像と同じサイズでない場合。
OnEnd – オーディオまたはビデオ クリップの再生が終了したときに実行するアクション。
OnPause – オーディオまたはビデオ コントロールが再生されているクリップをユーザーが一時停止したときに実行するアクション。
OnStart – ユーザーがマイク コントロールで録音を開始したときに実行するアクション。
一時停止 – メディア再生コントロールが現在一時停止している場合は True 、それ以外の場合は false 。
リセット – コントロールが既定値に戻るかどうか。
開始 – オーディオクリップとビデオクリップのどちらを再生するか。
StartTime – クリップの再生が開始されたときのオーディオクリップまたはビデオクリップの開始後の時間。
時間 – メディア コントロールの現在位置。
TabIndex – 他のコントロールに対するキーボード ナビゲーションの順序。
ヒント – ユーザーがコントロールの上にマウス ポインターを置いたときに表示される説明テキスト。
表示 – コントロールが表示されるか非表示になっているか。
幅 – コントロールの左端と右端の間の距離。
X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。
Y – コントロールの上端と親コンテナーの上端との間の距離 (親コンテナーがない場合は画面)。
関連する関数
例示
オーディオまたはビデオ ファイルを再生する
[ ファイル ] メニューで、[ メディア] をクリックまたはタップし、[ ビデオ ] または [ オーディオ] をクリックまたはタップし、[ 参照] をクリックまたはタップします。
使用するファイルを参照してクリックまたはタップし、[ 開く] をクリックまたはタップします。
Esc キーを押して既定のワークスペースに戻り、 オーディオ コントロールまたは ビデオ コントロールを追加し、追加したファイルにその Media プロパティを設定します。
コントロールを追加して構成する方法がわからない場合
F5 キーを押し、追加したコントロールの再生ボタンをクリックまたはタップしてクリップを再生します。
ヒント
コントロールの上にマウス ポインターを置くと、 ビデオ コントロールの再生ボタンが表示されます。
既定のワークスペースに戻るには、Esc キーを押します。
YouTube ビデオを再生する
- Video コントロールを追加し、その Media プロパティを YouTube ビデオの URL に二重引用符で囲んで設定します。
- F5 キーを押し、 ビデオ コントロールの再生ボタンをクリックまたはタップしてクリップを再生します。
- 既定のワークスペースに戻るには、Esc キーを押します。
アクセシビリティ ガイドライン
オーディオとビデオの代替手段
- ユーザーが自分のペースでマルチメディアをリッスンまたは視聴できるようにするには、ShowControls が true である必要があります。 これにより、ユーザーはビデオ プレーヤーでクローズド キャプションと全画面表示モードを切り替えることもできます。
- ビデオにはクローズド キャプションを指定する必要があります。
- YouTube ビデオの場合は、YouTube が提供するオーサリング ツールを使用してキャプションを追加します。
- その他のビデオの場合は、WebVTT 形式でキャプションを作成し、アップロードして、 ClosedCaptionsUrl を URL の場所に設定します。 いくつかの制限があります。 ビデオとキャプションをホストするサーバーは、CORS 対応で、HTTPS プロトコルを使用してサービスを提供する必要があります。
- 次のいずれかの方法を使用して、オーディオまたはビデオのトランスクリプトを提供することを検討してください。
- テキストをラベルに配置し、マルチメディア プレーヤーの横に配置します。 必要に応じて、テキストの表示を切り替える ボタン を作成します。
- テキストを別の画面に配置します。 画面 に移動 し、マルチメディア プレーヤーの隣にボタンを配置するボタンを作成します。
- 説明が短い場合は、 AccessibleLabel に記述できます。
色のコントラスト
次の間に適切な色のコントラストが必要です。
- FocusedBorderColor と外側の色
- 画像 とマルチメディア プレーヤー コントロール (該当する場合)
- 塗りつぶし とマルチメディア プレーヤー コントロール (塗りつぶしが表示されている場合)
ビデオ コンテンツにカラー コントラストの問題がある場合は、クローズド キャプションやトランスクリプトを提供します。
スクリーン リーダーのサポート
- AccessibleLabel が存在する必要があります。
キーボードのサポート
- キーボード ユーザーが移動できるようにするには、TabIndex を 0 以上にする必要があります。
- フォーカス インジケーターは明確に表示する必要があります。 これを実現するには、FocusedBorderColor と FocusedBorderThickness を使用します。
- 自動開始 は、キーボード ユーザーがすばやく再生を停止することが困難な場合があるため、false にする必要があります。