Power Apps 中的 音频 和 视频 控件

一个控件,用于播放 YouTube 上的音频文件、视频文件或视频。

描述

音频控件播放文件中的声音剪辑、麦克风 控件中的录制内容或视频文件中的音轨。

视频控件播放文件或 YouTube 或 Azure 媒体服务中的视频剪辑。 如果指定,也可以显示隐藏式字幕。

备注

在 Azure 媒体服务上托管的某些视频可能无法使用隐藏式字幕。

键属性

Loop – 音频或视频剪辑是否在播放完后自动重新开始。

Media – 音频或视频控件播放的剪辑的标识符。

备注

  • 对所有外部视频使用 HTTPS,以确保与现代浏览器的兼容性。
  • 外部视频必须可匿名访问(无需任何身份验证)。

ShowControls – 音频或视频播放器是否显示播放按钮和音量滑块等组件,笔控件是否显示绘图、擦除和清除图标等。

其他属性

AccessibleLabel – 屏幕阅读器标签。 应为视频或音频剪辑的标题。

AutoPause – 用户导航到另一屏幕时音频或视频剪辑是否自动暂停。

AutoStart – 用户导航到包含 音频 或 视频 控件的屏幕时,该控件是否自动开始播放剪辑。

BorderColor – 控件边框的颜色。

BorderStyle – 控件边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

ClosedCaptionsUrl – 仅 视频 控件适用。 WebVTT 格式的隐藏式字幕文件的 URL。 视频和标题的 URL 都必须是 HTTPS。 托管视频和字幕文件的服务器需要启用 CORS。

DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View),还是已禁用 (Disabled)。

Fill – 控件的背景色。

FocusedBorderColor – 当聚焦到控件时,控件的边框颜色。

FocusedBorderThickness – 当聚焦到控件时,控件的边框粗细。

Height – 控件上边缘和下边缘之间的距离。

图像 – 在 图像、音频 或 麦克风 控件中显示的图像名称。

ImagePosition – 屏幕或控件大小与图像大小不同时,其中图像的位置(FillFitStretchTileCenter)。

OnEnd – 音频或视频剪辑播放完毕后要执行的操作。

OnPause - 当用户暂停 音频 或 视频 控件正在播放的剪辑时要执行的操作。

OnStart – 当用户开始使用 麦克风 控件录制时要执行的操作。

Paused – 如果媒体播放控件当前已暂停,则为 true;否则为 false

Reset – 控件是否还原为其默认值。

Start – 音频或视频剪辑是否播放。

StartTime – 音频或视频剪辑开始播放之后的时间。

Time – 媒体控件的当前位置。

TabIndex – 相对于其他控件的键盘导航顺序。

Tooltip – 用户将鼠标悬停在控件上时显示的解释性文本。

Visible – 控件显示还是隐藏。

Width – 控件左边缘和右边缘之间的距离。

X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。

Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。

First( TableName )

示例

播放音频或视频文件

  1. 文件菜单上,依次单击或点击媒体视频音频浏览

  2. 浏览到想要使用的文件,单击或点击它,然后单击或点击打开

  3. 按 Esc 返回默认工作区,添加音频视频控件,并将其 Media 属性设置为已添加的文件。

    不知道如何添加和配置控件

  4. 按 F5,然后通过单击或点击所添加的控件的播放按钮来播放剪辑。

    提示

    将鼠标悬停在视频控件之上时,便会看到此控件的播放按钮。

  5. 按 Esc 返回默认工作区。

播放 YouTube 视频

  1. 添加视频控件,并将其 Media 属性设置为 YouTube 视频的 URL(括在双引号内)。
  2. 按 F5,然后通过单击或点击视频控件的播放按钮来播放剪辑。
  3. 按 Esc 返回默认工作区。

从 Azure 媒体服务播放视频

  1. 在 AMS 上发布视频后,复制清单 URL。 启动服务的流式处理终结点(如果尚未启动)。
  2. 添加视频控件,并将其 Media 属性设置为 AMS 视频的 URL(括在双引号内)。
  3. 按 F5,然后通过单击或点击视频控件的播放按钮来播放剪辑。
  4. 按 Esc 返回默认工作区。

辅助功能准则

视频和音频替代项

  • ShowControls 必须为 true,以便用户可以按照自己的节奏收听或观看多媒体。 此外,还允许用户在视频播放器上切换隐藏式字幕和全屏模式。
  • 必须为视频提供隐藏式字幕。
    • 对于 YouTube 视频,使用 YouTube 提供的创作工具添加字幕。
    • 对于其他视频,创建 WebVTT 格式的字幕,将其上传,然后将 ClosedCaptionsUrl 设置为 url 位置。 有几个限制。 托管视频和字幕的服务器需启用 CORS,并使用 HTTPS 协议为它们提供服务。
  • 考虑使用下列方法之一提供音频或视频脚本:
    1. 将文本放入 标签 并将其置于多媒体播放器旁边。 (可选)创建 按钮 以切换文本显示。
    2. 将文本置于不同屏幕中。 创建导航到屏幕的 按钮,并将按钮置于多媒体播放器旁边。
    3. 如果描述很短,可以将其放入 AccessibleLabel

颜色对比度

在以下项之间必须有足够的颜色对比度:

  • FocusedBorderColor 和外部颜色
  • 图像 和多媒体播放器控件(如果适用)
  • Fill 和多媒体播放器控件(如果填充可见)

如果视频内容颜色对比度有问题,则提供隐藏式字幕和/或脚本。

屏幕阅读器支持

键盘支持

  • TabIndex 必须为零或更大,以便键盘用户可以导航到它。
  • 焦点指示器必须清晰可见。 可以使用 FocusedBorderColorFocusedBorderThickness 来实现此目的。
  • AutoStart 应为 false,因为它可能会使键盘用户难以快速停止播放。

备注

您能告诉我们您的文档语言首选项吗? 进行简短调查。(请注意,此调查是英文版调查)

此调查大约需要七分钟。 不会收集个人数据(隐私声明)。