Een VLC-speler insluiten in HTML

...

Integreer en stream audio en video op uw website met VLC Media Player.

Het streamen van audioclips en video's maakt websites interactiever en interessanter. Als je een website hebt en informatieve of leuke video's of geluidsfragmenten wilt plaatsen, zijn er veel oplossingen om een ​​geluidsfragment of video in webpagina's in te sluiten. Sommige commerciële toepassingen zijn echter duur en dragen aanzienlijk bij aan de kosten van het ontwikkelen van een website.

VLC Media Player is een Open Source mediaspeler met een ingebouwde streamingserver. Met meer dan 100 miljoen gebruikers is VLC een van de meest populaire mediaspelers die er zijn. Voor het insluiten van de VLC-mediaspeler in uw webpagina's zijn enkele regels HTML-code vereist.

Video van de dag

Stap 1

Open de HTML-pagina die u wilt bewerken met een teksteditor of webpagina-editor (bijvoorbeeld Kladblok, Schrijfblok, Dreamweaver).

Stap 2

Blader naar het gebied waar u de audioclip of het videobestand op de webpagina wilt insluiten.

Stap 3

Kopieer en plak de volgende code in de editor op het punt waar de VLC Media Player op de pagina wordt weergegeven:

ToneelstukPauzeStoppenVolledig scherm

Stap 4

Bewerk de parameters in het gedeelte 'type insluiten' van de code. In dit gedeelte kunt u de speler op uw webpagina aanpassen. Wijzig "autoplay" in "no" als u wilt dat de gebruiker op de "Play"-knop op de mediaspeler klikt voordat het nummer of de video wordt afgespeeld. Wijzig de parameter "loop" in "yes" als u wilt dat het medium blijft herhalen totdat de gebruiker stopt.

Stap 5

Pas indien nodig het volumeniveau aan in de juiste parameterinstelling.

Stap 6

Vervang de bestandsnaam "mymovie.avi" door de bestandsnaam van de track of clip die in de mediaspeler moet worden afgespeeld. Zorg ervoor dat u het bestand uploadt naar dezelfde map als de webpagina, zodat de browser naar het juiste pad naar het bestand kan verwijzen.

Stap 7

Wijzig de parameterinstellingen voor breedte en hoogte zodat ze op uw webpagina passen of indien nodig.

Stap 8

Sla de webpagina op in uw editor en upload de HTML-pagina en clip of video naar uw website.

Tip

Codeer uw VLC HTML-pagina's altijd zodat ze compatibel zijn met alle belangrijke browsers (bijv. Chrome, Firefox, Explorer en Safari).