URL Media Player: insert YouTube, Facebook video, Soundcloud sound...

composant_url_media_player.png

Insert audio or video content from an online platform (YouTube, Facebook, Soundcloud, Vimeo, Twitch...) using the URL Media Player component. Create markers and add interactions to the media content, show to display or not player controls.

This content is online: user needs an Internet connection to view them.

Insert the URL Media Player component

Click on the Components icon and add the Media Player URL.

insert_component.png


In the Properties window, insert the URL of the video or audio. This is the URL of the page on which this media is located.

url_video_youtube.png


Customize the properties of the component: auto play, volume,...

properties_url_media_player.png

 

Markers

Markers allow you to define a key moment in the video or audio to which you will associate an action: a trigger or an action.

Double-click on the component.

In the left window, use the player to position the file at the right time. Click + ADD MARKER.

create_marker_url_media_player.png
 
 

Interactions & Synchronization

Trigger an action from video/audio

Select the component and open the Interactivities window.

Click on + ADD.

Here are the triggers available:

  • Start playing
  • Pause playing
  • Finish playing
  • Time (the marker)
Create the action you want. 
 
triggers_url_media_player.png
 
 

Create a video/audio related action

Choose an object, the trigger and the Act on a component action in the Interactivity window.

Here are the available actions:

  • Changer temps
  • Augmenter/diminuer la vitesse
  • Avancer/Reculer
  • Mettre en pause
  • Lecture
  • Pause
  • Redémarrer au début
  • Mettre la vitesse
  • Arrêter
  • Aller à
 
actions_url_media_player.png
 
 

Synchronize with another component

To synchronize your URL media player with another component (e.g. scrolling area), insert the Synchronization component from Components list.

In the Properties window, click Add Component. Choose the component and the other component from the list. Select the component and click Frames in the options.

 
Was this article helpful?
0 out of 0 found this helpful

Create apps and interactive experiences without any coding

Easy-to-use ∗ Free ∗ No installation

Sign up free