Anonim

Dave gör en podcast. Jag (Rich) gör en podcast. Båda skiljer sig helt från varandra.

Så som Dave gör sin streaming är via en Flash-spelare, vilket är hur de allra flesta podcasts fungerar. Du ser Flash-spelaren och sedan nedan är en liten MP3-nedladdningslänk för de som vill ladda ner själva ljudfilen för att placera på en telefon eller lokal spellista på din PC / laptop, etc.

I slutändan bestämde jag mig dock för att ta ett hopp mot en modernare webbteknologi och ge HTML5 MP3-spelare i webbläsaren en gång för att se om de var bra eller till och med fungerade alls.

För dem som inte är medvetna har Internet Explorer 9 och 10, Mozilla Firefox och Google Chrome alla mediaspelare i webbläsaren för att spela vissa typer av mediefiler. Ursprungligen stödde de bara de icke-kommersiella formaten (som OGG), men idag stöder de MP3, och jag antar att de också stöder MP4 men jag har inte testat det ännu.

Kräver HTML5-spelare att du laddar ner något? Nej, för de är redan del av själva webbläsarprogrammeringen. Inga tillägg / tillägg krävs för att installera.

På min senaste podcast gav jag spelaren i webbläsaren en gång, och det blev så:

Internet Explorer 9 och 10

IE10: s spelare är definitivt gängets snyggaste. Stora, läsbara knappar och siffror och bara en övergripande snygg look på den.

IE poängterar också bonuspoäng för att kunna justera hastigheten med högerklicka på spelaren:

Väldigt coolt.

Mozilla Firefox

Fxs spelare är gruppens tråkigaste men ändå funktionell.

När du högerklickar på den klickar du inte på "Dölj kontroller" eftersom ljudet fortsätter att spela och spelaren försvinner, vilket tvingar dig att ladda om webbsidan bara för att få tillbaka den.

Google Chrome

Inte riktigt lika tråkigt som Fx 21: s spelare är, och inte så snygg som IE10: s spelare är, men det har fördelen att ha de enklaste kontrollerna. Var man klickar och drar för reglagen rörande ljudposition och volymposition är lättare att klicka, hålla och dra jämfört med de andra två spelarna.

Hur kan DU använda dessa webbspelare på din webbplats?

Med hjälp av HTML-taggen.

Kompletta instruktioner finns här, men här är det allmänna sättet att göra det när du kodar din egen webbsida.

Först måste din MP3 laddas upp, leva och du måste känna till den fullständiga adressen till den, till exempel http://www.your.site/audio/your-audio-file.mp3.

För det andra, skriv in din kod så här:

Tyvärr, din webbläsare stöder inte ljudetiketten, uppdatera din webbläsare

Du måste inkludera meddelandet "ledsen att din webbläsare inte stöds" för äldre mobil- och webbläsare som IE8.

För det tredje, publicera din webbsida.

Och det är i princip det.

Ja, du kan använda koden på gratis bloggsidor som WordPress.com och Blogger.com om du vill.

I en WordPress.com-blogg är det enkelt eftersom när du skriver en ny bloggartikel kan du trycka på fliken "Text" och sätta in din kod på det sättet:

Var kan du lagra dina MP3-podcast-filer?

Det enklaste sättet är att lagra dem på själva webbplatsen, men om du inte kan göra det kan du använda DropBox eller någon annan molnlagringstjänst så länge de tillåter direktnedladdning.

Hur som helst, ja, de moderna spelarna i webbläsaren fungerar faktiskt bra. I alla tre webbläsarna fanns det inga problem alls eftersom varje strömmade MP3-ljud precis som det var tänkt.

Men av de tre gillar jag IE10 bäst eftersom den har det bästa utseendet och de bästa funktionerna.

Hur man använder html5 för att spela mp3-filer på din webbplats