Contrôles Audio et Vidéo dans Power Apps

Contrôle qui permet de lire un fichier audio, un fichier vidéo ou une vidéo sur YouTube.

Description

Un contrôle Audio permet de lire un clip audio à partir d’un fichier, un enregistrement à partir d’un contrôle Microphone, ou encore une piste audio d’un fichier vidéo.

Un contrôle Vidéo joue un clip vidéo à partir d’un fichier, de YouTube ou d’Azure Media Services. Des sous-titres peuvent éventuellement être affichés lorsque cela est spécifié.

Propriétés principales

Loop : indique si un clip audio ou vidéo démarre automatiquement après sa lecture.

Média : identificateur du clip qu’un contrôle Audio ou Vidéo lance.

ShowControls : indique si un lecteur audio ou vidéo montre, par exemple, un bouton de lecture et un curseur de volume, et un contrôle Pen montre, par exemple, des icônes pour dessiner, effacer et supprimer.

Propriétés supplémentaires

AccessibleLabel  : Étiquette pour les lecteurs d’écran. Doit être le titre de la vidéo ou du clip audio.

AutoPause : indique si un clip audio ou vidéo s’arrête automatiquement si l’utilisateur navigue vers un autre écran.

AutoStart : indique si un contrôle Audio ou Vidéo démarre automatiquement la lecture d’un clip lorsque l’utilisateur accède à l’écran qui contient ce contrôle.

BorderColor  : couleur de bordure du contrôle.

BorderStyle  : indique si la bordure d’un contrôle est unie, discontinue, en pointillés ou s’il n’y en a aucune.

BorderThickness  : épaisseur de bordure d’un contrôle.

ClosedCaptionsUrl : contrôle Vidéo uniquement. URL du fichier de sous-titres au format webVTT. Les URL de vidéo et de sous-titres doivent être au format HTTPS. Les paramètres CORS doivent être activés sur le serveur qui héberge des fichiers vidéo et de sous-titres.

DisplayMode  : indique si le contrôle autorise l’entrée utilisateur (Edit), affiche uniquement les données (View) ou est désactivé (Disabled).

Fill  : couleur d’arrière-plan d’un contrôle.

FocusedBorderColor  : couleur de bordure d’un contrôle lorsque le contrôle est actif.

FocusedBorderThickness  : épaisseur de bordure d’un contrôle lorsque le contrôle est actif.

Height  : distance entre le haut et le bas d’un contrôle.

Image  : nom de l’image qui apparaît dans un contrôle image, audio ou microphone.

ImagePosition  : position (Fill, Fit, Stretch, Tile, or Center) d’une image dans un écran ou un contrôle si sa taille n’est pas la même que l’image.

OnEnd – Actions lorsqu’un clip audio ou vidéo s’arrête.

OnPause – Actions à effectuer lorsque l’utilisateur met en pause le clip qu’un contrôle Audio ou Vidéo lit.

OnStart – Actions à effectuer quand l’utilisateur commence à enregistrer avec un contrôle Microphone.

Paused : True si un contrôle Média playback est actuellement en pause, false dans le cas contraire.

Reset  : indique si un contrôle revient à sa valeur par défaut.

Start : indique si un clip audio ou vidéo est lancé.

StartTime : heure après le début d’un clip audio ou vidéo au démarrage du clip.

Time : position actuelle d’un contrôle Média.

TabIndex  : ordre de navigation à l’aide du clavier par rapport à d’autres contrôles.

Info-bulle  : texte explicatif qui s’affiche lorsque l’utilisateur pointe sur un contrôle.

Visible  : indique si un contrôle est visible ou est masqué.

Width  : distance entre les côtés droit et gauche d’un contrôle.

X  : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (ou de l’écran à défaut de conteneur parent).

Y  : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (ou de l’écran à défaut de conteneur parent).

Fonctions connexes

First( TableName )

Exemples

Lire un fichier audio ou vidéo

1. Dans le menu Fichier, cliquez ou appuyez sur Média, Vidéos ou Audio, puis Parcourir.

2. Recherchez le fichier que vous souhaitez utiliser, cliquez ou appuyez dessus, puis cliquez ou appuyez sur Ouvrir.

3. Appuyez sur Échap pour revenir à l’espace de travail par défaut, ajoutez un contrôle Audio ou Vidéo, puis définissez sa propriété Média sur le fichier que vous avez ajouté.

   Vous ne savez pas comment ajouter et configurer un contrôle ?

4. Appuyez sur F5, puis cliquez ou appuyez sur le bouton de lecture du contrôle que vous avez ajouté pour lire le clip.

   Conseil

   Le bouton de lecture du contrôle Vidéo s’affiche lorsque vous pointez sur le contrôle.

5. Appuyez sur Échap pour revenir à l’espace de travail par défaut.

Lire une vidéo YouTube

1. Ajoutez un contrôle Vidéo et définissez sa propriété Média sur l’URL, placée entre guillemets doubles, de la vidéo YouTube.
2. Appuyez sur F5, puis cliquez ou appuyez sur le bouton de lecture du contrôle Vidéo pour lire le clip.
3. Appuyez sur Échap pour revenir à l’espace de travail par défaut.

Lire une vidéo à partir d’Azure Media Services

1. Une fois les vidéos publiées sur AMS, copiez l’URL du manifeste. Si ce n’est déjà fait, démarrez le point de terminaison de streaming de votre service.
2. Ajoutez un contrôle Vidéo et définissez sa propriété Média sur l’URL, placée entre guillemets doubles, de la vidéo AMS.
3. Appuyez sur F5, puis cliquez ou appuyez sur le bouton de lecture du contrôle Vidéo pour lire le clip.
4. Appuyez sur Échap pour revenir à l’espace de travail par défaut.

Instructions d’accessibilité

Alternatives audio et vidéo

• ShowControls doit être défini sur true pour permettre aux utilisateurs d’écouter ou de regarder du contenu multimédia à leur propre rythme. Cela permet également aux utilisateurs d’activer/de désactiver les sous-titres et le mode plein écran des lecteurs vidéo.
• Des sous-titres doivent être fournis pour les vidéos.
  • Pour les vidéos YouTube, utilisez des outils de création fournis par YouTube pour ajouter des sous-titres.
  • Pour les autres vidéos, créez des sous-titres au format webVTT, téléchargez-les et définissez ClosedCaptionsUrl sur l’emplacement de l’URL. Il existe plusieurs limitations. Le ou les serveurs hébergeant des vidéos et des sous-titres doivent être compatibles avec CORS et présenter ces éléments à l’aide du protocole HTTPS.
• Envisagez de fournir une transcription audio ou vidéo à l’aide de l’une des méthodes suivantes :
  1. Placez le texte dans un contrôle Étiquette et placez-le à côté du lecteur multimédia. Vous pouvez également créer un contrôle Bouton pour activer/désactiver l’affichage du texte.
  2. Placez le texte dans un autre écran. Créez un contrôle Bouton qui accède à l’écran et placez le bouton à côté du lecteur multimédia.
  3. Si la description est courte, elle peut être placée dans le contrôle AccessibleLabel.

Contraste des couleurs

Il doit exister un contraste des couleurs adéquat entre :

• FocusedBorderColor et la couleur externe
• Image et les contrôles du lecteur multimédia (le cas échéant)
• Fill et les contrôles du lecteur multimédia (si le remplissage est visible)

Fournissez des sous-titres et/ou une transcription si le contenu vidéo présente des problèmes en termes de contraste des couleurs.

Prise en charge du lecteur d’écran

• AccessibleLabel doit être présent.

Prise en charge du clavier

• TabIndex doit être égal ou supérieur à zéro afin que les utilisateurs du clavier puissent y accéder.
• Les indicateurs de focus doivent être clairement visibles. Pour ce faire, utilisez FocusedBorderColor et FocusedBorderThickness.
• AutoStart doit avoir la valeur false, car il peut être difficile pour les utilisateurs du clavier d’arrêter rapidement la lecture.