Lecteur vidéo

Le lecteur vidéo Avonni offre des options de lecture configurables pour contrôler la source, le comportement de lecture, le volume et le style visuel.

Le composant Avonni Video Player vous permet d'intégrer et de lire des vidéos directement dans vos composants dynamiques. Il prend en charge diverses sources vidéo (URLs directes, YouTube, Vimeo et fichiers Salesforce) et offre de nombreuses options de configuration pour contrôler la lecture, l'apparence et le comportement.

Aperçu

Le composant Video Player fournit un moyen convivial d'intégrer du contenu vidéo dans vos pages d'application et d'enregistrement. Les fonctionnalités clés incluent :

• Options de source multiples : Lire des vidéos à partir d'URL directes (MP4, etc.), YouTube, Vimeo ou fichiers Salesforce.

• Contrôle de la lecture : Configurer la lecture automatique, la lecture en boucle et l'affichage ou la dissimulation des commandes du lecteur.

• Contrôle du son et de la vitesse : Définir le volume initial et ajuster la vitesse de lecture.

• Apparence personnalisable : (Le cas échéant - vérifiez le composant réel pour les options de style)

Configuration du Video Player

Sélectionnez le composant Video Player sur la zone de conception pour accéder à ses propriétés dans le panneau Propriétés (panneau de droite).

Propriétés de base

• Nom API : (Texte) Un identifiant unique pour cette instance de composant (par ex., ProductDemoVideo, WelcomeVideo).

• Type de source : (Texte - Sélectionnez parmi les options) Choisissez la source de votre vidéo :

  • Si vous utilisez une: Fournissez une URL directe vers un fichier vidéo (par exemple, un fichier MP4 hébergé sur un serveur).

  • YouTube: Fournissez l'ID de la vidéo YouTube (la partie de l'URL YouTube après v=). Exemple : Pour https://www.youtube.com/watch?v=dQw4w9WgXQU, l'ID est dQw4w9WgXQU.

  • Vimeo: Fournissez l'ID de la vidéo Vimeo. Important : Pour les vidéos Vimeo, vous doit ajoutez également https://vimeo.com et https://*.vimeo.com à vos URL de confiance Salesforce (Setup > Security > Trusted URLs) et activez toutes les directives CSP pour ces sites. Il s'agit d'une exigence de sécurité.

  • Fichier Salesforce: Lire un fichier vidéo stocké en tant que fichier Salesforce (ContentDocument). Vous devrez fournir l'ID du document Content.

• URL/Fichier/ID : (Texte) L'URL réelle, l'ID du fichier ou l'ID de la vidéo, en fonction du Type de source que vous avez sélectionné.

Comportement de lecture

• Lecture automatique : (Booléen - Case à cocher) Si activé, la vidéo commencera à jouer automatiquement lorsque le composant se charge. Important : La plupart des navigateurs exigent que la vidéo soit muette pour que la lecture automatique fonctionne. Les utilisateurs devront désactiver le mode muet manuellement.

• Masquer les contrôles : (Booléen - Case à cocher) Si activé, les contrôles standard du lecteur vidéo (lecture/pause, volume, plein écran, etc.) sont masqués. Utilisez ceci pour les vidéos d'arrière-plan ou les situations où vous souhaitez contrôler la lecture par programmation (si pris en charge par Avonni).

• Boucle : (Booléen - Case à cocher) Si activé, la vidéo redémarrera automatiquement depuis le début lorsqu'elle atteindra la fin.

Audio et vitesse

• Volume : (Nombre) Définit le initial niveau de volume de la vidéo (0 = muet, 100 = volume maximal). Les utilisateurs peuvent généralement ajuster le volume à l'aide des contrôles du lecteur (sauf si Masquer les contrôles message confirmant que la (les) image(s) ont été enregistrée(s) ou sont prêtes à être liées (par ex. : "Preuve photo capturée !").

• Taux de lecture : (Nombre) Contrôle la vitesse de lecture.

  • 1: Vitesse normale.

  • 0.5: Demi-vitesse.

  • 2: Vitesse double.

  • Et ainsi de suite...

Exemple : Lecture d'une vidéo YouTube

1. Ajouter un Video Player : Faites glisser un composant Video Player sur la zone de conception.

2. Définir le nom API : Donnez-lui un nom (par ex., YouTubeDemoVideo).

3. Définir le type de source : Min/Max : Type de source sur YouTube.

4. Saisir l'ID YouTube : Trouvez une vidéo YouTube (par ex., https://www.youtube.com/watch?v=dQw4w9WgXQU). Copiez l'ID de la vidéo (dQw4w9WgXQU dans ce cas) et collez-le dans le URL/Fichier/ID .

5. Configurer la lecture automatique (optionnel) : Si vous souhaitez que la vidéo se lance automatiquement, activez Lecture automatique. N'oubliez pas que la vidéo sera probablement muette au départ.

6. Aperçu : Aperçu de votre composant dynamique. La vidéo YouTube devrait maintenant être lue dans le composant Video Player.

variable sera mise à jour, et vous pourrez utiliser ces valeurs pour filtrer un Data Table.

• Configuration Vimeo : N'oubliez pas les étapes de configuration supplémentaires requises pour les vidéos Vimeo (ajout des URL de confiance).

• Politiques de lecture automatique des navigateurs : Soyez conscient des restrictions de lecture automatique des navigateurs. Les vidéos en lecture automatique sont souvent coupées du son par défaut.

• Accessibilité : Si vous masquez les contrôles, fournissez des moyens alternatifs pour permettre aux utilisateurs de contrôler la lecture (par ex., des boutons personnalisés qui interagissent avec le lecteur via JavaScript – si pris en charge par Avonni).

• Accès aux fichiers : Si vous utilisez les fichiers Salesforce, assurez-vous que les utilisateurs disposent des autorisations nécessaires pour accéder aux fichiers.

• Droits d'auteur : N'utilisez que des vidéos que vous êtes autorisé à utiliser.

En résumé

Le composant Video Player vous permet de lire des vidéos provenant de diverses sources telles que URL, YouTube, Vimeo et fichiers Salesforce. Le composant offre plusieurs paramètres pour personnaliser le lecteur vidéo