Le composant URL Media Player
Le composant URL Media Player de PandaSuite vous permet d’intégrer et de contrôler des contenus multimédias hébergés sur des plateformes externes comme YouTube, Vimeo...
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.
Ajouter un URL Media Player
Cliquez sur l'icône Composants et ajoutez le composant 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 :
Associer des actions interactives
Le composant peut déclencher et être contrôlé via des actions interactives.
Déclencher une action à partir du composant URL Media Player
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)
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/5eeb6c752c7d3a10cba92698/images/661d23e6b7e8fb2dd0e7c5be/file-UlVITePcYq.png)
Agir sur le composant URL Media Player
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 à
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/5eeb6c752c7d3a10cba92698/images/661d2cdbe6d7a114e7690b69/file-9pfxLCJ8vB.png)
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.
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
Données exposées par le composant
Le composant URL Media Player fournit des données en temps réel qui peuvent être utilisées dans votre projet. Ces données permettent d’interagir de manière dynamique avec d’autres éléments de votre projet.
Les données disponibles sont :
Exemple d’utilisation :