PowerApps でのオーディオとビデオのコントロールAudio and Video controls in PowerApps

オーディオ ファイル、ビデオ ファイル、または YouTube のビデオを再生するコントロールです。A control that plays an audio file, a video file, or a video on YouTube.

説明Description

オーディオ コントロールは、ファイルのサウンド クリップ、マイク コントロールからの録音、またはビデオ ファイルのオーディオ トラックを再生します。An Audio control plays a sound clip from a file, a recording from a Microphone control, or the audio track from a video file. ビデオ コントロールは、ファイルのビデオ クリップ、またはクローズド キャプション付き (省略可能) URL で指定された YouTube のビデオ クリップを再生します。A Video control plays a video clip from a file or from YouTube if you specify a URL with optional closed captions.

主要なプロパティKey properties

Loop – オーディオまたはビデオ クリップを、再生終了と同時に先頭から自動的に再開するかどうかを指定します。Loop – Whether an audio or video clip automatically starts over as soon as it finishes playing.

Media - オーディオまたはビデオ コントロールが再生するクリップの ID です。Media – An identifier for the clip that an audio or video control plays.

ShowControls – オーディオ プレイヤーまたはビデオ プレイヤーに再生ボタンと音量スライダーなどを表示するかどうか、およびペン コントロールに描画、削除、クリアなどのアイコンを表示するかどうかを指定します。ShowControls – Whether an audio or video player shows, for example, a play button and a volume slider, and a pen control shows, for example, icons for drawing, erasing, and clearing.

その他のプロパティAdditional properties

AutoPause – ユーザーが別の画面に移動した場合、オーディオまたはビデオ クリップを自動的に一時停止するかどうかを指定します。AutoPause – Whether an audio or video clip automatically pauses if the user navigates to a different screen.

AutoStart – ユーザーがオーディオまたはビデオ コントロールを含む画面に移動したときに、自動的にクリップの再生を開始するかどうかを指定します。AutoStart – Whether an audio or video control automatically starts to play a clip when the user navigates to the screen that contains that control.

BorderColor – コントロールの境界線の色です。BorderColor – The color of a control's border.

BorderStyle – コントロールの境界線を Solid (実線)、Dashed (破線)、Dotted (点線)、None (なし) のいずれに指定します。BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – コントロールの境界線の太さです。BorderThickness – The thickness of a control's border.

ClosedCaptionsUrl – ビデオ コントロールのみ。ClosedCaptionsUrl – Video control only. WebVTT 形式のクローズド キャプションのファイルの URL です。URL of closed captions file in WebVTT format. ビデオの URL と キャプションの URL は、どちらも HTTPS である必要があります。Both video and captions URLs must be HTTPS. ビデオとキャプションの両方のファイルをホストするサーバーでは、CORS が有効になっている必要があります。Server hosting both video and captions file needs to be CORS enabled.

DisplayMode – コントロールで、ユーザー入力を許可するか (Edit)、データの表示のみを許可するか (View)、許可しないか (Disabled) を設定します。DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

Fill – コントロールの背景色です。Fill – The background color of a control.

Height – コントロールの上端と下端の距離です。Height – The distance between a control's top and bottom edges.

Image – イメージ、オーディオ、マイクの各コントロールに表示される画像の名前です。Image – The name of the image that appears in an image, audio, or microphone control.

ImagePosition – 画面またはコントロールのサイズが画像と異なる場合の、画面またはコントロール内の画像の位置です (Fill (フィル)、Fit (サイズに合わせる)、Stretch (伸ばす)、Tile (タイル表示)、または Center (中央に表示))。ImagePosition – The position (Fill, Fit, Stretch, Tile, or Center) of an image in a screen or a control if it isn't the same size as the image.

OnEnd – オーディオまたはビデオ クリップの再生が終了したときの、アプリの応答方法です。OnEnd – How an app responds when an audio or video clip finishes playing.

OnPause – オーディオまたはビデオ コントロールが再生しているクリップをユーザーが一時停止したときの、アプリの応答方法です。OnPause – How an app responds when the user pauses the clip that an audio or video control is playing.

OnStart – ユーザーがマイク コントロールで録音を開始したときの、アプリの応答方法です。OnStart – How the app responds when the user starts to record with a microphone control.

Paused – メディア再生コントロールが現在一時停止している場合は true、それ以外の場合は false です。PausedTrue if a media playback control is currently paused, false otherwise.

Reset – コントロールを既定値に戻すかどうかを指定します。Reset – Whether a control reverts to its default value.

Start – オーディオまたはビデオ クリップを再生するかどうかを指定します。Start – Whether an audio or video clip plays.

StartTime – クリップの再生が開始するとき、オーディオまたはビデオ クリップの開始後の時刻です。StartTime – The time after the start of an audio or video clip when the clip starts to play.

Time – メディア コントロールの現在位置です。Time – A media control's current position.

Tooltip – ポインターをコントロールに合わせたときに表示される説明テキストです。Tooltip – Explanatory text that appears when the user hovers over a control.

Visible – コントロールを表示するか非表示にするかを指定します。Visible – Whether a control appears or is hidden.

Width – コントロールの左端と右端の間の距離です。Width – The distance between a control's left and right edges.

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離です。X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離です。Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

First( TableName )First( TableName )

Examples

オーディオまたはビデオ ファイルを再生するPlay an audio or video file

  1. [ファイル] メニューの [メディア] をクリックまたはタップし、[ビデオ] または [オーディオ] をクリックまたはタップしてから、[参照] をクリックまたはタップします。On the File menu, click or tap Media, click or tap Videos or Audio, and then click or tap Browse.
  2. 再生するファイルを探してクリックまたはタップし、[開く] をクリックまたはタップします。Browse to the file you want to use, click or tap it, and then click or tap Open.
  3. Esc キーを押して既定のワークスペースに戻り、オーディオまたはビデオ コントロールを追加して、Media プロパティを追加したファイルに設定します。Press Esc to return to the default workspace, add an Audio or Video control, and set its Media property to the file that you added.

    コントロールの追加および構成についてはこちらをご覧ください。Don't know how to add and configure a control?

  4. F5 キーを押し、追加したコントロールの再生ボタンをクリックまたはタップして、クリップを再生します。Press F5, and then play the clip by clicking or tapping the play button of the control that you added.

    ヒント

    ビデオ コントロールの再生ボタンは、コントロールをポイントすると表示されます。The play button of the Video control appears when you hover over the control.

  5. Esc キーを押して既定のワークスペースに戻ります。Press Esc to return to the default workspace.

YouTube のビデオを再生するPlay a YouTube video

  1. ビデオ コントロールを追加し、Media プロパティに、YouTube のビデオの URL を二重引用符で囲んで設定します。Add a Video control, and set its Media property to the URL, enclosed in double quotation marks, of a YouTube video.
  2. F5 キーを押し、ビデオ コントロールの再生ボタンをクリックまたはタップして、クリップを再生します。Press F5, and then play the clip by clicking or tapping the play button of the Video control.
  3. Esc キーを押して既定のワークスペースに戻ります。Press Esc to return to the default workspace.