Anonim

Dave gjør en podcast. Jeg (rik) gjør en podcast. Begge er helt forskjellige fra hverandre.

Måten Dave gjør sin streaming er via en Flash-spiller, som er slik de aller fleste podcaster fungerer. Du ser Flash-spilleren, og nedenfor er det en liten MP3-nedlastingslenke for de som ønsker å laste ned selve lydfilen for å plassere på en telefon eller lokal spilleliste på din PC / laptop, etc.

På slutten bestemte jeg meg imidlertid for å ta et hopp mot en mer moderne webteknologi og gi HTML5 MP3-spillere i nettleseren en tur bare for å se om de var gode eller til og med fungerte i det hele tatt.

For de som ikke er klar over, Internet Explorer 9 og 10, Mozilla Firefox og Google Chrome har alle mediaspillere i nettleseren for å spille av visse typer mediefiler. Opprinnelig støttet de bare de ikke-kommersielle formatene (som OGG), men i disse dager støtter de MP3, og jeg antar at de også støtter MP4, men jeg har ikke testet det ennå.

Krever HTML5-spillere at du laster ned noe? Nei, fordi de allerede er en del av nettleserprogrammeringen. Ingen tillegg / utvidelser er nødvendig for å installere.

På min siste podcast ga jeg spilleren i nettleseren, og slik viste det seg:

Internet Explorer 9 og 10

Spilleren til IE10 er absolutt den fineste gjengen. Store, lettleste knapper og tall, og bare et generelt godt blikk for det.

IE scorer også bonuspoeng for å kunne justere hastigheten med et høyreklikk på spilleren:

Veldig kult.

Mozilla Firefox

Fxs spiller er den kjedeligste av gjengen, men ikke desto mindre funksjonell.

Når du høyreklikker på denne, ikke klikk “Skjul kontroller”, for lyden fortsetter å spille, og selve spilleren forsvinner, noe som tvinger deg til å laste inn nettsiden bare for å få den tilbake.

Google Chrome

Ikke så kjedelig som Fx 21-spilleren er, og ikke så fin som IE10-spilleren er, men den har fordelen med å ha de enkleste kontrollene. Hvor du kan klikke og dra for glidebryterne angående lydposisjon og volumposisjon er lettere å klikke, holde og dra sammenlignet med de to andre spillerne.

Hvordan kan DU bruke disse spillere på nettstedet ditt?

Ved bruk av HTML-taggen.

Komplette instruksjoner er her, men her er den generelle måten å gjøre det på når du koder din egen webside.

Først må MP3-filen din lastes opp, live, og du må vite den fullstendige adressen til den, for eksempel http://www.your.site/audio/your-audio-file.mp3.

For det andre skriver du inn koden din slik:

Beklager, nettleseren din støtter ikke lydkoden. Oppdater nettleseren

Du må ta med varselet om "beklager at nettleseren din ikke støttes" for eldre mobil- og nettlesere som IE8.

For det tredje, publiser websiden din.

Og det er i grunnen det.

Ja, du kan bruke koden på gratis bloggsider som WordPress.com og Blogger.com hvis du vil.

I en WordPress.com-blogg er det enkelt fordi når du skriver en ny bloggartikkel, kan du trykke på "Tekst" -fanen og sette inn koden din på den måten:

Hvor kan du lagre MP3-podcast-filene dine?

Den enkleste måten er å lagre dem på selve nettstedet, men hvis du ikke kan gjøre det, kan du bruke DropBox eller andre skylagringstjenester så lenge de tillater direkte nedlasting.

Uansett, ja, de moderne spillerne i nettleseren fungerer faktisk bra. I alle tre nettlesere var det ingen problemer i det hele tatt, da hver strømmet MP3-lyd akkurat som den skulle.

Av de tre liker jeg imidlertid IE10's beste fordi den har det beste utseendet og de beste funksjonene.

Slik bruker du html5 til å spille mp3-filer på nettstedet ditt