Элементы управления Аудио и Видео в Power Apps

Элемент управления, воспроизводящий звуковой файл, видеофайл или видеоролик на сайте YouTube.

Описание

Элемент управления Аудио воспроизводит звуковой клип из файла, запись из элемента управления Микрофон или звуковую дорожку из видеофайла.

Элемент управления Видео воспроизводит видеоклип из файла, с сайта YouTube или из служб мультимедиа Azure. При необходимости можно включить субтитры.

Примечание

Скрытые субтитры могут быть недоступны в некоторых видео, размещенных в Службах мультимедиа Azure.

Ключевые свойства

Loop — определяет, запускается ли звук или видео автоматически заново после окончания воспроизведения.

Мультимедиа — идентификатор клипа, воспроизводимого элементом управления Аудио или Видео.

Примечание

  • Используйте HTTPS для всех внешних видео, чтобы обеспечить совместимость с современными браузерами.
  • Внешние видео должны быть доступны анонимно (без какой-либо аутентификации).

ShowControls — определяет, отображаются ли элементы управления, например кнопка воспроизведения и ползунок регулировки громкости в звуковом или видеопроигрывателе и значки рисования, стирания и удаления для пера.

Дополнительные свойства

AccessibleLabel — метка для средств чтения с экрана. Должна быть названием видео или аудиоклипа.

AutoPause — определяет, приостанавливается ли звуковой или видеоклип автоматически при переходе пользователя на другой экран.

AutoStart — определяет, будет ли автоматически запускаться элемент управления Аудио или Видео для воспроизведения клипа при переходе пользователя на экран с таким элементом управления.

BorderColor  — цвет границы элемента управления.

BorderStyle  — стиль границы элемента управления: Solid, Dashed, Dotted или None.

BorderThickness  — толщина границы элемента управления.

ClosedCaptionsUrl — только для элементов управления Видео. URL-адрес файла скрытых субтитров в формате WebVTT. Для 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  — расстояние между верхним краем элемента управления и верхним краем его родительского контейнера (или экрана, если родительского контейнера нет).

Связанные функции

First(имя_таблицы)

Примеры

Воспроизведение звукового или видеофайла

  1. В меню Файл выберите пункт Мультимедиа, затем — Видео или Аудио, затем нажмите Обзор.

  2. Перейдите к нужному файлу, выберите его и нажмите Открыть.

  3. Нажмите клавишу ESC для возврата в рабочую область по умолчанию, добавьте элемент управления Аудио или Видео и укажите в качестве значения свойства Мультимедиа добавленный файл.

    Не знаете, как добавить и настроить элемент управления?

  4. Нажмите клавишу F5 и воспроизведите клип, нажав кнопку воспроизведения добавленного элемента управления.

    Совет

    Кнопка воспроизведения элемента управления Видео появляется при наведении на него указателя мыши.

  5. Нажмите клавишу ESC, чтобы вернуться в рабочую область по умолчанию.

Воспроизведение видео YouTube

  1. Добавьте элемент управления Видео и укажите в качестве значения свойства Мультимедиа URL-адрес видео из YouTube, заключив его в двойные кавычки.
  2. Нажмите клавишу F5 и воспроизведите клип, нажав кнопку воспроизведения элемента управления Видео.
  3. Нажмите клавишу ESC, чтобы вернуться в рабочую область по умолчанию.

Воспроизведение видео из служб мультимедиа Azure

  1. После публикации видео в AMS скопируйте URL-адрес манифеста. Запустите конечную точку потоковой передачи вашей службы, если она еще не запущена.
  2. Добавьте элемент управления Видео и укажите в качестве значения свойства Мультимедиа URL-адрес видео из AMS, заключив его в двойные кавычки.
  3. Нажмите клавишу F5 и воспроизведите клип, нажав кнопку воспроизведения элемента управления Видео.
  4. Нажмите клавишу ESC, чтобы вернуться в рабочую область по умолчанию.

Руководство по настройке специальных возможностей

Варианты для видео и аудио

  • Параметр ShowControls должен иметь значение true, чтобы пользователи могли слушать или смотреть мультимедиа в нужном темпе. Это также позволит переключать скрытые субтитры и полноэкранный режим в видеоплеерах.
  • Для видеороликов должны быть предоставлены скрытые субтитры.
    • Чтобы добавить субтитры для видеороликов на YouTube, используйте средства разработки, предоставленные YouTube.
    • Для других видео создайте субтитры в формате WebVTT, загрузите их и укажите для параметра ClosedCaptionsUrl URL-адрес расположения. Существует несколько ограничений. На серверах, где размещаются видео и субтитры, должен быть включен CORS и протокол HTTPS.
  • Рассмотрите возможность предоставления записи для аудио или видео с использованием одного из следующих способов:
    1. Введите текст в элементе управления Подпись и расположите его рядом с мультимедийным проигрывателем. При необходимости создайте элемент управления Кнопка, чтобы переключать отображение текста.
    2. Поместите текст в другом окне. Создайте элемент управления Кнопка, который будет перенаправлять в это окно, и расположите его рядом с мультимедийным проигрывателем.
    3. Если описание краткое, его можно ввести в поле AccessibleLabel.

Контрастность цветов

Необходимо настроить достаточный контраст для следующих элементов:

  • FocusedBorderColor и внешний цвет.
  • Изображение и элементы управления мультимедийным проигрывателем (если применимо).
  • Fill и элементы управления мультимедийным проигрывателем (если отображается заливка).

Предоставьте скрытые субтитры или расшифровку, если содержимое видео имеет проблемы с цветовым контрастом.

Поддержка средства чтения с экрана

  • Должен присутствовать элемент AccessibleLabel.

Поддержка клавиатуры

  • Значение элемента TabIndex должно быть равно нулю или больше нуля, чтобы пользователи могли использовать навигацию с помощью клавиатуры.
  • Индикаторы фокуса должны быть хорошо видны. Для этого используются элементы FocusedBorderColor и FocusedBorderThickness.
  • Параметр AutoStart должен иметь значение false, потому что при использовании клавиатуры может быть сложно быстро остановить воспроизведение.

Примечание

Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).

Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).