Hvordan bygge inn en VLC-spiller i HTML

click fraud protection
...

Bygg inn og strøm lyd og video på nettstedet ditt med VLC Media Player.

Streaming av lydklipp og videoer gjør nettsteder mer interaktive og interessante. Hvis du har en nettside og ønsker å legge ut informative eller morsomme videoer eller lydklipp, finnes det mange løsninger for å bygge inn et lydklipp eller video på nettsider. Noen kommersielle applikasjoner er imidlertid dyre og øker kostnadene ved å utvikle et nettsted betydelig.

VLC Media Player er en åpen kildekode-mediespiller med innebygd strømmeserver. Med over 100 millioner brukere er VLC en av de mest populære mediespillerne som er tilgjengelige. Å bygge inn VLC-mediespilleren på nettsidene dine krever noen få linjer med HTML-kode.

Dagens video

Trinn 1

Åpne HTML-siden du ønsker å redigere med et tekstredigeringsprogram eller websideredigeringsprogram (f.eks. Notisblokk, Skriveblokk, Dreamweaver).

Steg 2

Rull til området der du vil legge inn lydklippet eller videofilen på nettsiden.

Trinn 3

Kopier og lim inn følgende kode i redigeringsprogrammet på punktet der VLC Media Player vil vises på siden:

SpillePauseStoppeFull skjerm

Trinn 4

Rediger parameterne i delen "innebyggingstype" i koden. Denne delen lar deg tilpasse spilleren på nettsiden din. Endre "autoplay" til "no" hvis du vil at brukeren skal klikke på "Play"-knappen på mediespilleren før sporet eller videoen spilles av. Endre parameteren "loop" til "ja" hvis du vil at mediet skal fortsette å gjenta til det stoppes av brukeren.

Trinn 5

Juster volumnivået i riktig parameterinnstilling om nødvendig.

Trinn 6

Erstatt "mymovie.avi"-filnavnet med filnavnet til sporet eller klippet som skal spilles av i mediespilleren. Sørg for at du laster opp filen til samme mappe som nettsiden, slik at nettleseren kan referere til den riktige banen til filen.

Trinn 7

Endre parameterinnstillingene for bredde og høyde slik at de passer til nettsiden din eller etter behov.

Trinn 8

Lagre nettsiden i redigeringsprogrammet og last opp HTML-siden og klippet eller videoen til nettstedet ditt.

Tips

Kod alltid VLC HTML-sidene dine slik at de er kompatible med alle større nettlesere (f.eks. Chrome, Firefox, Explorer og Safari).