Power Apps 中的 音频 和 视频 控件
一个控件,用于播放 YouTube 上的音频文件、视频文件或视频。
描述
音频控件播放文件中的声音剪辑、麦克风 控件中的录制内容或视频文件中的音轨。
视频控件播放文件或 YouTube 中或任何外部来源的视频剪辑。 如果指定,也可以显示隐藏式字幕。
重要
Azure 媒体服务上的视频不再受支持。 有关详细信息,请参阅服务的停用。
限制
音频和视频控件具有以下限制:
- Power Apps Mobile 可在各种类型的设备上运行,其中某些设备具有特定于该平台的限制:
- 可在除 iPhone 设备之外的所有平台上同时在多个视频控件中播放视频。
- 可在除 Web 播放器之外的所有平台上同时使用多个麦克风控件录制音频。
键属性
Loop – 音频或视频剪辑是否在播放完后自动重新开始。
Media – 音频或视频控件播放的剪辑的标识符。
备注
- 对所有外部视频使用 HTTPS,以确保与现代浏览器的兼容性。
- 外部视频必须可匿名访问(无需任何身份验证)。
ShowControls – 音频或视频播放器是否显示播放按钮和音量滑块等组件,笔控件是否显示绘图、擦除和清除图标等。
其他属性
AccessibleLabel – 屏幕阅读器标签。 应为视频或音频剪辑的标题。
AutoPause – 用户导航到另一屏幕时音频或视频剪辑是否自动暂停。
AutoStart – 用户导航到包含 音频 或 视频 控件的屏幕时,该控件是否自动开始播放剪辑。
BorderColor – 控件边框的颜色。
BorderStyle – 控件边框是 Solid、Dashed、Dotted 还是 None。
BorderThickness – 控件边框的粗细。
ClosedCaptionsUrl – 仅 视频 控件适用。 WebVTT 格式的隐藏式字幕文件的 URL。 视频和标题的 URL 都必须是 HTTPS。 托管视频和字幕文件的服务器需要启用 CORS。
DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View),还是已禁用 (Disabled)。
Fill – 控件的背景色。
FocusedBorderColor – 当聚焦到控件时,控件的边框颜色。
FocusedBorderThickness – 当聚焦到控件时,控件的边框粗细。
Height – 控件上边缘和下边缘之间的距离。
图像 – 在 图像、音频 或 麦克风 控件中显示的图像名称。
ImagePosition – 屏幕或控件大小与图像大小不同时,其中图像的位置(Fill、Fit、Stretch、Tile 或 Center)。
OnEnd – 音频或视频剪辑播放完毕后要执行的操作。
OnPause - 当用户暂停 音频 或 视频 控件正在播放的剪辑时要执行的操作。
OnStart – 当用户开始使用 麦克风 控件录制时要执行的操作。
Paused – 如果媒体播放控件当前已暂停,则为 true;否则为 false。
Reset – 控件是否还原为其默认值。
Start – 音频或视频剪辑是否播放。
StartTime – 音频或视频剪辑开始播放之后的时间。
Time – 媒体控件的当前位置。
TabIndex – 相对于其他控件的键盘导航顺序。
Tooltip – 用户将鼠标悬停在控件上时显示的解释性文本。
Visible – 控件显示还是隐藏。
Width – 控件左边缘和右边缘之间的距离。
X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。
Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。
相关函数
示例
播放音频或视频文件
在文件菜单上,依次单击或点击媒体、视频或音频、浏览。
浏览到想要使用的文件,单击或点击它,然后单击或点击打开。
按 Esc 返回默认工作区,添加音频或视频控件,并将其 Media 属性设置为已添加的文件。
不知道如何添加和配置控件?
按 F5,然后通过单击或点击所添加的控件的播放按钮来播放剪辑。
提示
将鼠标悬停在视频控件之上时,便会看到此控件的播放按钮。
按 Esc 返回默认工作区。
播放 YouTube 视频
- 添加视频控件,并将其 Media 属性设置为 YouTube 视频的 URL(括在双引号内)。
- 按 F5,然后通过单击或点击视频控件的播放按钮来播放剪辑。
- 按 Esc 返回默认工作区。
辅助功能准则
视频和音频替代项
- ShowControls 必须为 true,以便用户可以按照自己的节奏收听或观看多媒体。 此外,还允许用户在视频播放器上切换隐藏式字幕和全屏模式。
- 必须为视频提供隐藏式字幕。
- 对于 YouTube 视频,使用 YouTube 提供的创作工具添加字幕。
- 对于其他视频,创建 WebVTT 格式的字幕,将其上传,然后将 ClosedCaptionsUrl 设置为 url 位置。 有几个限制。 托管视频和字幕的服务器需启用 CORS,并使用 HTTPS 协议为它们提供服务。
- 考虑使用下列方法之一提供音频或视频脚本:
- 将文本放入 标签 并将其置于多媒体播放器旁边。 (可选)创建 按钮 以切换文本显示。
- 将文本置于不同屏幕中。 创建导航到屏幕的 按钮,并将按钮置于多媒体播放器旁边。
- 如果描述很短,可以将其放入 AccessibleLabel。
颜色对比度
在以下项之间必须有足够的颜色对比度:
- FocusedBorderColor 和外部颜色
- 图像 和多媒体播放器控件(如果适用)
- Fill 和多媒体播放器控件(如果填充可见)
如果视频内容颜色对比度有问题,则提供隐藏式字幕和/或脚本。
屏幕阅读器支持
- AccessibleLabel 必须存在。
键盘支持
- TabIndex 必须为零或更大,以便键盘用户可以导航到它。
- 焦点指示器必须清晰可见。 可以使用 FocusedBorderColor 和 FocusedBorderThickness 来实现此目的。
- AutoStart 应为 false,因为它可能会使键盘用户难以快速停止播放。