Contenu multimédia

.:GetEmbedContent::content_URL:.

Ce motif permet de récupérer du contenu embarqué via le protocole oEmbed. Typiquement, cela vous permet d'importer un lecteur Youtube ou SoundCloud dans votre publication.

Le seul argument de ce motif est :

  • content_URL : il s'agit de l'URL de la ressource embarquée que vous voulez inclure.

Par exemple, l'utilisation du motif comme ci-dessous :

.:GetEmbedContent::https://www.youtube.com/watch?v=y8Kyi0WNg40:.

Produit le code suivant :

<iframe
    width="459"
    height="344"
    src="https://www.youtube.com/embed/y8Kyi0WNg40?feature=oembed"
    frameborder="0"
    allow="
        accelerometer;
        autoplay;
        encrypted-media;
        gyroscope;
        picture-in-picture
    "
    allowfullscreen
>
</iframe>

Pour fonctionner ce motif utilise une liste de providers disponibles ici et inclus avec VenC.

L'utilisation de ce motif génère des données misent en cache dans le répertoire de votre projet.

.:Audio::source::extensions:.

Ce motif permet d'inclure un fichier vidéo dans la page. Pour ce faire, le fichier video.html faisant partie du thème est formaté avec les paramètres passés au motif VenC.

  • source : il s'agit de l'URL ou du chemin du fichier audio. Il peut s'agir d'un chemin absolu ou relatif. S'il s'agit d'un chemin relatif, vous pouvez utiliser .:GetRelativeOrigin:.. Attention, l'URL ou le chemin passé en paramètre ne doit pas contenir l'extension du fichier.
  • extensions : pour assurer la compatibilité de votre contenu avec les différents navigateurs du marché ,il est recommandé d'avoir plusieurs sources du même fichier audio en différents formats. Ce paramètre est donc une liste des extensions disponibles. Les éléments de la liste sont séparés par une virgule.

Variable contextuelle:

Exemple d'utilisation

.:Audio::http://www.nyan.cat/music/original::mp3,ogg:.

On voit ici que le fichier audio est disponible en deux formats :

  • mp3
  • ogg

Il y a donc deux fichiers :

  • original.mp3
  • original.ogg

Se trouvant à l'adresse :

http://www.nyan.cat/music/

Finalement on obtient le résultat suivant :

.:Video::source::extensions[::poster]:.

Ce motif fonctionne comme Audio, il possède cependant un argument supplémentaire pour ajouter une vignette à la vidéo.

  • source : il s'agit de l'URL ou du chemin de la vidéo. Il peut s'agir d'un chemin absolu ou relatif. S'il s'agit d'un chemin relatif, vous pouvez utiliser .:GetRelativeOrigin:.. Attention, l'URL ou le chemin passé en paramètre ne doit pas contenir l'extension du fichier.
  • extensions : pour assurer la compatibilité de votre contenu avec les différents navigateurs du marché, il est recommandé d'avoir plusieurs sources de la même vidéo en différents formats. Ce paramètre est donc une liste des extensions disponibles pour votre vidéo. Les éléments de la liste sont séparés par une virgule.
  • poster : il est possible d'avoir une image de fond, en remplacement de la vidéo quand celle-ci n'est pas encore lancée. Ce paramètre contient donc l'URL ou le chemin relatif (vous pouvez également utiliser .:GetRelativeOrigin:.) ou absolu de ladite image.

Exemple d'utilisation

.:Video::
https://www.w3schools.com/html/mov_bbb::
mp4,ogg::
.:GetRelativeOrigin:.bbb-poster.jpg:.

Finalement, on obtient le résultat suivant :