Le composant URL Media Player
Affichez une vidéo ou insérez un audio à partir d'une URL (YouTube, Facebook, Soundcloud, Vimeo, Twitch...) en utilisant le composant URL Media Player.
Comme tout composant multimédia (Lecteur Vidéo, Audio..), vous pouvez créer des marqueurs et ajouter des interactions au contenu multimédia, afficher ou masquer les contrôles du lecteur.
💡 Étant donné que ces contenus vidéo et audio sont en ligne, l'utilisateur aura besoin d'une connexion Internet pour les afficher dans son interface.
⚠️ Dailymotion n'est actuellement pas pris en charge par le composant : pour afficher une vidéo Dailymotion, veuillez utiliser le composant Web avec l'URL d'intégration de la vidéo.
Afficher une vidéo ou un audio à partir d'une URL
Pour afficher votre vidéo / audio:
- Cliquez sur l'icône Composants et ajoutez le URL Media Player.
- Dans les propriétés, insérez l'URL de la vidéo ou de l'audio : il s'agit de l'URL de la page où se trouve le média.
- Personnalisez les propriétés du composant : Lecture automatique, Volume,...
Ajouter des marqueurs
Les marqueurs vous permettent de définir un moment clé de la vidéo ou de l'audio auquel vous associerez une action : un déclencheur ou une action.
Pour ajouter des marqueurs à votre vidéo / audio:
- Double-cliquez sur le composant.
- Dans la fenêtre de gauche, utilisez le lecteur pour positionner le fichier au bon moment.
- Cliquez sur le bouton + pour ajouter un marqueur
Déclencher une action à partir de la vidéo/audio
Sélectionnez le composant URL Media Player et allez dans l'onglet Actions
Cliquez sur le bouton + et choisissez parmi les déclencheurs disponibles:
- Fin de la lecture
- Pause
- Démarrer la lecture
- Temps (le marqueur)
Créer une action liée à la vidéo/audio
Choisissez un objet, le déclencheur et l'action Agir sur un composant.
Voici les actions disponibles :
- Changer de moment
- Augmenter/diminuer la vitesse
- Avancer/Reculer
- Pause
- Lire
- Pause
- Redémarrer depuis le début
- Définir la vitesse
- Arrêter
- Aller à
Synchroniser avec un autre composant
Pour synchroniser votre composant avec un autre (par exemple la zone de défilement), insérez le composant Synchronisation depuis Composants.
Dans la fenêtre Propriétés, cliquez sur Ajouter un composant. Choisissez le URL Media Player et un autre composant dans la liste. Sélectionnez le composant et cliquez sur Synchroniser le temps dans les options.