Intégrer VLC dans une page web

VLC, lecteur vidéo, ô combien réputé, offre la possibilité d’être intégré et manipulable en JavaScript dans une page web. Par exemple, cela peut être utilisé pour lire des flux vidéos depuis un site.

Cette intégration peut être facilitée par l’utilisation de la libraire JS « VLCobject » téléchargeable sur le site http://www.revolunet.com/labo/code/VLCobject.

Inspirée de « swfobject » (intégration de composants flash), « VLCobject » permet d’ajouter un lecteur ayant certaines dimensions seulement si une version minimum de VLC est installée sur le poste client.

Exemples :

* Ajout d’un lecteur 560x448 dans une page seulement si la version de VLC >= 0.8.6.

<script src="VLCobject.js" type="text/javascript"></script>
<div id="vlcContent">Chargement VLC....</div>
<script type="text/javascript">
var vlcObject = new VLCObject( 'vlcPlayer', '560', '448', '0.8.6' );
vlcObject.write( 'vlcContent' );
</script>

Seulement, le VLC intégré n’a aucune commande de contrôle. En effet, il faut créer toutes les éléments graphiques de contrôle (volume, pause, lecture, etc..) et les lier à une action.

* Ajout d’un élément dans la playlist en JS

var id = vlcPlayer.playlist.add( "rtsp://servername/item/to/play" );

* Lecture de l’élément ajoutée plus haut en JS

vlcPlayer.playlist.playItem( id );

* Lecture de la playlist en JS

vlcPlayer.playlist.play();

* Arrêt en JS

vlcPlayer.playlist.stop();

* Volume en JS

vlcPlayer.audio.volume = 50; // volume compris entre 0 et 200

* Plein écran en JS

vlcPlayer.video.toggleFullscreen();

Toute la documentation sur l’API JS est consultable sur le site http://wiki.videolan.org/Documentation:WebPlugin.

Pour ceux qui ne veulent pas créer ces commandes, il existe aussi une librairie additionnelle « VLCcontrols » disponible sur le site http://www.revolunet.com/labo/code/VLCcontrols qui ajoute une barre de contrôle au VLC.

3 commentaires

  1. Bonsoir,
    Je débute et donc je souhaiterai savoir la procédure pour intégrer un vlc dans wordpress.
    Je l’ai compris il faut que le client est déja vlc, mais dans l’onglet éditeur de wp je ne voie pas de js ?

    Merci de vos réponses,

  2. bonjour, j’ai un soucis j’ai mon codage

    le probleme quand j’allume page web sa me montre bien le vlc sur page internet mais sa lance pas le flux video de ma camera de surveillance comment faire?

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.