Power Apps でのオーディオとビデオのコントロール

YouTube でオーディオ ファイル、ビデオ ファイル、またはビデオを再生するコントロール。

内容

オーディオ コントロールでは、ファイルからのサウンド クリップ、Microphone コントロールからの録音、またはビデオ ファイルのオーディオ トラックを再生します。

ビデオ コントロールでは、ファイルまたは YouTube や Azure Media Services からのビデオ クリップを再生します。 指定した場合、クローズド キャプションをオプションで表示できます。

主要なプロパティ

ループ – オーディオまたはビデオ クリップが、再生終了と同時に先頭から自動的に再生するかどうか。

Media – オーディオまたはビデオ コントロールが再生するクリップの ID です。

ShowControls – オーディオ プレイヤーまたはビデオ プレイヤーに再生ボタンと音量スライダーなどが表示されるかどうか、およびペン コントロールに描画、削除、クリアなどのアイコンが表示されるかどうか。

追加のプロパティ

AccessibleLabel – スクリーン リーダー用のラベル。 ビデオまたはオーディオ クリップのタイトルである必要があります。

AutoPause – ユーザーが別の画面に移動した場合、オーディオまたはビデオ クリップを自動的に一時停止するかどうかを指定します。

AutoStart – ユーザーがオーディオまたはビデオ コントロールを含む画面に移動したときに、自動的にクリップの再生を開始するかどうかを指定します。

BorderColor – コントロールの境界線の色。

BorderStyle – コントロールの境界線が 実線破線点線、または なし かどうか。

BorderThickness – コントロールの境界線の太さ。

ClosedCaptionsUrl – ビデオ コントロールのみ。 WebVTT 形式のクローズド キャプション ファイルの URL。 ビデオの URL と キャプションの URL は、どちらも HTTPS である必要があります。 ビデオとキャプションの両方のファイルをホストするサーバーでは、CORS が有効になっている必要があります。

DisplayMode – コントロールがユーザー入力を許可するか (編集)、データのみを表示するか (表示)、または無効にするか (無効) どうか。

塗りつぶし – コントロールの背景色。

FocusedBorderColor – コントロールがフォーカスされているときのコントロールの境界線の色。

FocusedBorderThickness – コントロールがフォーカスされているときのコントロールの境界線の太さ。

高さ – コントロールの上端と下端間の距離。

画像 – 画像、オーディオ、マイクのコントロールに表示される画像の名前。

ImagePosition – 画面またはコントロールのサイズが画像と異なる場合の、画面またはコントロール内の画像の位置 (画面いっぱい自動調整拡大タイル表示、または 中央に表示)。

OnEnd – オーディオまたはビデオ クリップの再生が終了したときに実行するアクション。

OnPause – オーディオまたはビデオ コントロールが再生しているクリップをユーザーが一時停止したときに実行するアクション。

OnStart – ユーザーがマイク コントロールで録音を開始したとき実行するアクション。

一時停止 – メディア再生コントロールが現在一時停止している場合は true、それ以外の場合は false

Reset – コントロールを既定値に戻すかどうかを指定します。

Start – オーディオまたはビデオ クリップを再生するかどうかを指定します。

StartTime – クリップの再生が開始するとき、オーディオまたはビデオ クリップの開始後の時刻。

時刻 – メディア コントロールの現在位置。

TabIndex – 他のコントロールに関連するキーボード ナビゲーションの順序。

ツールヒント – ユーザーがコントロールにカーソルを置くときに表示される説明テキスト。

表示 – コントロールが表示されるか非表示になるか。

– コントロールの左端と右端間の距離。

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。

First( TableName )

オーディオまたはビデオ ファイルを再生する

  1. ファイル メニューで、メディア をクリックまたはタップし、ビデオ または オーディオ をクリックまたはタップしてから、参照 をクリックまたはタップします。

  2. 使用するファイルを参照してクリックまたはタップしてから、開く をクリックまたはタップします。

  3. Esc キーを押して既定のワークスペースに戻り、オーディオ または ビデオ コントロールを追加して、その メディア プロパティを追加したファイルに設定します。

    コントロールの追加および構成 についてはこちらをご覧ください。

  4. F5 キーを押してから、追加したコントロールの再生ボタンをクリックまたはタップして、クリップを再生します。

    ヒント

    ビデオ コントロールの再生ボタンは、コントロールにカーソルを合わせると表示されます。

  5. 既定のワークスペースに戻るには、Esc キーを押します。

YouTube ビデオを再生する

  1. ビデオ コントロールを追加し、その メディア プロパティを二重引用符で囲まれた YouTube ビデオの URL に設定します。
  2. F5 キーを押し、ビデオ コントロールの再生ボタンをクリックまたはタップして、クリップを再生します。
  3. 既定のワークスペースに戻るには、Esc キーを押します。

Azure Media Services からビデオを再生する

  1. AMS でビデオが公開された後、マニフェスト URL をコピーします。 まだ開始していない場合は、サービスのストリーミング エンドポイントを開始します。
  2. ビデオ コントロールを追加し、その メディア プロパティを、二重引用符で囲まれた AMS ビデオの URL に設定します。
  3. F5 キーを押し、ビデオ コントロールの再生ボタンをクリックまたはタップして、クリップを再生します。
  4. 既定のワークスペースに戻るには、Esc キーを押します。

アクセシビリティ ガイドライン

オーディオおよびビデオの代替手段

  • ユーザーが自分のペースでマルチメディアを視聴できるように、ShowControls を true にする必要があります。 これにより、ユーザーはビデオ プレーヤーでクローズド キャプションや全画面モードを切り替えることもできます。
  • クローズド キャプションがビデオに対して指定されている必要があります。
    • YouTube ビデオの場合、YouTube から提供される作成ツールを使ってキャプションを追加します。
    • その他のビデオの場合は、WebVTT 形式でキャプションを作成し、それをアップロードして、ClosedCaptionsUrl を URL の場所に設定します。 いくつかの制限があります。 ビデオとキャプションをホストしているサーバーは、CORS が有効であり、HTTPS プロトコルを使用してそれらを提供する必要があります。 Internet Explorer ではキャプションは機能しません。
  • 次のいずれかの方法を使用して、オーディオまたはビデオのトランスクリプトを提供することを検討してください:
    1. Label にテキストを挿入し、マルチメディア プレーヤーの隣に配置します。 必要に応じて、テキストの表示を切り替える Button を作成します。
    2. 別の画面にテキストを挿入します。 画面に移動する Button を作成し、マルチメディア プレーヤーの隣にボタンを配置します。
    3. 説明が短い場合は、AccessibleLabel に配置できます。

色のコントラスト

次の間には適切な色のコントラストが必要です:

  • FocusedBorderColor と外側の色
  • 画像 とマルチメディア プレーヤー コントロール (該当する場合)
  • 塗りつぶし とマルチメディア プレーヤー コントロール (塗りつぶしが表示される場合)

ビデオ コンテンツに色のコントラストの問題がある場合は、クローズド キャプションまたはトランスクリプトを提供します。

スクリーン リーダー サポート

キーボードのサポート

  • TabIndex を 0 以上にして、キーボード ユーザーがそこに移動できるようにする必要があります。
  • フォーカス インジケーターは明確に表示する必要があります。 これを実現するには FocusedBorderColor および FocusedBorderThickness を使用します。
  • AutoStart は、キーボード ユーザーが再生をすばやく停止するのが難しい場合があるので、false である必要があります。