Power Apps 中的音频和视频控件

在 YouTube 上播放音频文件、视频文件或视频的控件。

Description

音频控件从文件播放声音剪辑、麦克风控件的录制或视频文件中的音频曲目。

视频控件从文件或 YouTube 或任何外部源播放视频剪辑。 可以选择在指定时显示隐藏式字幕。

重要

不再支持 Azure 媒体服务上的视频。 有关详细信息,请参阅 服务停用

局限性

音频和视频控件具有以下限制:

  • Power Apps Mobile 在各种类型的设备上运行,其中一些设备具有特定于该平台的限制:
    • 你可以在除 iPhone 设备以外的所有平台上同时播放多个视频控件中的 视频
    • 你可以在除 Web 播放器以外的所有平台上同时录制具有多个 麦克风 控件的音频。

键属性

循环 – 音频或视频剪辑在播放完成后自动启动。

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

注释

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

ShowControls – 音频或视频播放器是否显示,例如播放按钮和音量滑块,以及笔控件显示,例如用于绘图、擦除和清除的图标。

其他属性

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

AutoPause – 如果用户导航到其他屏幕,音频或视频剪辑是否会自动暂停。

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

BorderColor – 控件边框的颜色。

BorderStyle – 控件的边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

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

DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。

填充 – 控件的背景色。

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

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

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

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

ImagePosition – 图像在屏幕或控件中的位置(填充调整拉伸平铺居中),如果图像的大小与图像大小不同。

OnEnd – 音频或视频剪辑完成播放时要执行的作。

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

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

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

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

开始 – 音频或视频剪辑是播放的。

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

时间 – 媒体控件的当前位置。

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

工具提示 – 当用户将鼠标悬停在控件上时出现的解释性文本。

可见 – 控件是显示还是隐藏。

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

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

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

FirstTableName

例子

播放音频或视频文件

  1. “文件 ”菜单上,单击或点击 “媒体”,单击或点击“ 视频 ”或“ 音频”,然后单击或点击“ 浏览”。

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

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

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

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

    小窍门

    将鼠标悬停在控件上时, 将显示视频 控件的播放按钮。

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

播放 YouTube 视频

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

辅助功能指南

音频和视频替代项

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

颜色对比度

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

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

屏幕阅读器支持

键盘支持

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