Comment intégrer un lecteur VLC en HTML

click fraud protection
...

Intégrez et diffusez de l'audio et de la vidéo sur votre site Web avec VLC Media Player.

La diffusion en continu de clips audio et de vidéos rend les sites Web plus interactifs et intéressants. Si vous avez un site Web et que vous souhaitez publier des vidéos ou des clips audio informatifs ou amusants, il existe de nombreuses solutions pour intégrer un clip audio ou une vidéo dans des pages Web. Cependant, certaines applications commerciales sont coûteuses et augmentent considérablement le coût de développement d'un site Web.

VLC Media Player est un lecteur multimédia Open Source avec un serveur de streaming intégré. Avec plus de 100 millions d'utilisateurs, VLC est l'un des lecteurs multimédias les plus populaires disponibles. L'intégration du lecteur multimédia VLC dans vos pages Web nécessite quelques lignes de code HTML.

Vidéo du jour

Étape 1

Ouvrez la page HTML que vous souhaitez modifier avec un éditeur de texte ou un éditeur de page Web (par exemple, Bloc-notes, Write Pad, Dreamweaver).

Étape 2

Faites défiler jusqu'à la zone où vous souhaitez intégrer le clip audio ou le fichier vidéo sur la page Web.

Étape 3

Copiez et collez le code suivant dans l'éditeur à l'endroit où VLC Media Player s'affichera sur la page :

JouerPauseArrêterPlein écran

Étape 4

Modifiez les paramètres dans la section "type d'intégration" du code. Cette section vous permet de personnaliser le lecteur au sein de votre page Web. Remplacez "lecture automatique" par "non" si vous souhaitez que l'utilisateur clique sur le bouton "Lecture" du lecteur multimédia avant la lecture de la piste ou de la vidéo. Remplacez le paramètre « boucle » par « oui » si vous souhaitez que le média continue de se répéter jusqu'à ce qu'il soit arrêté par l'utilisateur.

Étape 5

Ajustez le niveau de volume dans le réglage de paramètre approprié si nécessaire.

Étape 6

Remplacez le nom de fichier "mymovie.avi" par le nom de fichier de la piste ou du clip à lire dans le lecteur multimédia. Assurez-vous de télécharger le fichier dans le même dossier que la page Web, afin que le navigateur puisse référencer le chemin d'accès correct au fichier.

Étape 7

Modifiez les paramètres de largeur et de hauteur pour les adapter à votre page Web ou selon vos besoins.

Étape 8

Enregistrez la page Web dans votre éditeur et téléchargez la page HTML et le clip ou la vidéo sur votre site Web.

Pointe

Codez toujours vos pages HTML VLC afin qu'elles soient compatibles avec tous les principaux navigateurs (par exemple, Chrome, Firefox, Explorer et Safari).