Controles Audio y Vídeo en Power Apps

Un control que reproduce un archivo de audio, un archivo de vídeo o un vídeo en YouTube.

Descripción

Un control Audio reproduce una secuencia de sonido de un archivo, una grabación de un control Micrófono o la pista de audio de un archivo de vídeo.

Un control Vídeo reproduce un clip de vídeo desde un archivo o desde YouTube o Azure Media Services. Opcionalmente, se pueden mostrar subtítulos cuando se especifique.

Nota

Es posible que los subtítulos no estén disponibles en determinados vídeos hospedados en Azure Media Services.

Propiedades importantes

Loop: indica si una secuencia de audio o vídeo empieza de nuevo automáticamente en cuanto termina de reproducirse.

Media: un identificador de la secuencia que reproduce un control de audio o de vídeo.

Nota

  • Utilice HTTPS para todos los vídeos externos para garantizar la compatibilidad con los navegadores modernos.
  • Los vídeos externos deben ser accesibles de forma anónima (sin ninguna autenticación).

ShowControls: indica si se muestra un reproductor de audio o vídeo, por ejemplo, un botón de reproducción y un control deslizante de volumen, y un control de entrada manuscrita muestra, por ejemplo, iconos para dibujar, borrar y borrar todo.

Propiedades adicionales

AccessibleLabel: etiqueta para lectores de pantalla. Debe ser el título de la secuencia de vídeo o audio.

AutoPause: indica si un clip de audio o vídeo se detiene automáticamente si el usuario se desplaza a otra pantalla.

AutoStart: indica si un control de audio o vídeo empieza a reproducir automáticamente un clip cuando el usuario navega a la pantalla que contiene ese control.

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

ClosedCaptionsUrl: solo control Vídeo. Dirección URL del archivo de los subtítulos en formato WebVTT. Ambas direcciones URL, la del vídeo y la de los subtítulos, deben ser HTTPS. El servidor que hospede los archivos de vídeo y de subtítulos debe tener CORS habilitado.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

Fill: el color de fondo de un control.

FocusedBorderColor: el color del borde de un control cuando el control recibe el foco.

FocusedBorderThickness: el grosor del borde de un control cuando el control recibe el foco.

Height: la distancia entre los bordes superior e inferior de un control.

Imagen: el nombre de la imagen que aparece en un control de imagen, audio o micrófono.

ImagePosition: la posición (Fill, Fit, Stretch, Tile o Center) de una imagen en una pantalla o un control, si no tiene el mismo tamaño que la imagen.

OnEnd: acciones a realizar cuando finaliza la reproducción de una secuencia de audio o de vídeo.

OnPause: acciones a realizar cuando el usuario pausa la secuencia que está reproduciendo un control de audio o de vídeo.

OnStart: acciones a realizar cuando el usuario comienza a grabar con un control de micrófono.

Paused: true si un control de reproducción multimedia está actualmente en pausa, de lo contrario false.

Reset: indica si un control vuelve a su valor predeterminado.

Start: indica si se reproduce un clip de audio o vídeo.

StartTime: la hora después del inicio de una secuencia de audio o de vídeo cuando la secuencia empieza a reproducirse.

Time: posición actual del control multimedia.

TabIndex: orden de navegación del teclado en relación con otros controles.

Tooltip: texto explicativo que aparece cuando el usuario mantiene el mouse sobre un control.

Visible: indica si un control aparece o está oculto.

Width: la distancia entre los bordes derecho e izquierdo de un control.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).

First( TableName )

Ejemplos

Reproducir un archivo de audio o de vídeo

  1. En el menú Archivo, pulse o haga clic en Media, pulse o haga clic en Videos o Audio y, luego, pulse o haga clic en Examinar.

  2. Busque el archivo que desea usar, pulse o haga clic en él y, luego, pulse o haga clic en Abrir.

  3. Presione Esc para volver al área de trabajo predeterminada, agregue un control Audio o Vídeo y establezca su propiedad Media en el archivo que ha agregado.

    ¿No sabe cómo agregar y configurar un control?

  4. Presione F5 y, a continuación, reproduzca la secuencia haciendo clic o pulsando en el botón de reproducción del control que ha agregado.

    Sugerencia

    El botón de reproducción del control Vídeo aparece cuando mantiene el puntero sobre el control.

  5. Presione Esc para volver al área de trabajo predeterminada.

Reproducir un vídeo de YouTube

  1. Agregue un control Vídeo y establezca su propiedad Media en la dirección URL del vídeo de YouTube entre comillas.
  2. Presione F5 y, a continuación, reproduzca la secuencia haciendo clic o pulsando en el botón de reproducción del control Vídeo.
  3. Presione Esc para volver al área de trabajo predeterminada.

Reproducción de un vídeo desde Azure Media Services

  1. Una vez que los vídeos se publiquen en AMS, copie la dirección URL del manifiesto. Inicie el punto de conexión de streaming del servicio, si no lo ha hecho todavía.
  2. Agregue un control Vídeo y establezca su propiedad Media en la dirección URL del vídeo de AMS entre comillas.
  3. Presione F5 y, a continuación, reproduzca la secuencia haciendo clic o pulsando en el botón de reproducción del control Vídeo.
  4. Presione Esc para volver al área de trabajo predeterminada.

Instrucciones para accesibilidad

Alternativas de audio y vídeo

  • ShowControls debe configurarse en true para que los usuarios puedan escuchar o ver elementos multimedia a su propio ritmo. Esto también permite a los usuarios activar o desactivar subtítulos y el modo de pantalla completa en los reproductores de vídeo.
  • Deben proporcionarse subtítulos para los vídeos.
    • En el caso de los vídeos de YouTube, utilice las herramientas de creación proporcionadas por YouTube para agregar subtítulos.
    • Para otros vídeos, cree subtítulos en formato WebVTT, cárguelos y configure el valor ClosedCaptionsUrl con la ubicación de la dirección URL. Existen varias limitaciones. Es necesario que los servidores que hospedan vídeo y subtítulos estén habilitados para CORS y los controlen mediante el protocolo HTTPS.
  • Considere la posibilidad de proporcionar una transcripción de audio o vídeo con uno de estos métodos:
    1. Ponga el texto en un elemento Etiqueta y colóquelo junto al reproductor multimedia. Opcionalmente, puede crear un elemento Botón para alternar la presentación del texto.
    2. Coloque el texto en otra pantalla. Cree un elemento Botón que vaya a la pantalla y colóquelo junto al reproductor multimedia.
    3. Si la descripción es breve, puede colocarse en AccessibleLabel.

Contraste de color

Debe haber un contraste de color adecuado entre:

  • FocusedBorderColor y el color exterior
  • Imagen y los controles del reproductor multimedia (si procede)
  • Fill y los controles del reproductor multimedia (si el relleno está visible)

Proporcione subtítulos o transcripción si el contenido de vídeo tiene problemas de contraste de color.

Compatibilidad con el lector de pantalla

Compatibilidad con el teclado

  • TabIndex debe ser cero o superior para que los usuarios del teclado puedan desplazarse hasta él.
  • Los indicadores de foco deben ser claramente visibles. Use FocusedBorderColor y FocusedBorderThickness para conseguirlo.
  • AutoStart debe ser false porque puede ser difícil para los usuarios del teclado detener la reproducción rápidamente.

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).