Anonim

Dave fa un podcast. Io (ricco) faccio un podcast. Entrambi sono totalmente diversi l'uno dall'altro.

Il modo in cui Dave esegue il suo streaming è tramite un lettore Flash, ed è così che funziona la stragrande maggioranza dei podcast. Vedrai il Flash player e poi sotto c'è un piccolo link per il download di MP3 per coloro che vogliono scaricare il file audio stesso da posizionare su un telefono o una playlist locale sul tuo PC / laptop, ecc.

Da parte mia, tuttavia, ho deciso di fare un salto in avanti verso una tecnologia web più moderna e di provare i lettori MP3 HTML5 nel browser solo per vedere se erano buoni o addirittura funzionavano.

Ora per chi non lo sapesse, Internet Explorer 9 e 10, Mozilla Firefox e Google Chrome hanno tutti i lettori multimediali nel browser per la riproduzione di alcuni tipi di file multimediali. Inizialmente supportavano solo i formati non commerciali (come OGG), ma oggigiorno supportano MP3 e suppongo che supportino anche MP4, ma non l'ho ancora testato.

I lettori HTML5 richiedono di scaricare qualcosa? No, perché fanno già parte della programmazione del browser stesso. Non sono necessari componenti aggiuntivi / estensioni per l'installazione.

Nel mio podcast più recente ho provato il lettore nel browser, ed è così che è venuto fuori:

Internet Explorer 9 e 10

Il giocatore di IE10 è sicuramente il più bello del gruppo. Pulsanti e numeri grandi e facili da leggere e solo un bell'aspetto.

IE ottiene anche punti bonus per essere in grado di regolare la velocità con un clic destro sul giocatore:

Molto bello.

Mozilla Firefox

Il giocatore di Fx è il più noioso del gruppo, ma comunque funzionale.

Quando fai clic con il pulsante destro del mouse su questo, non fare clic su "Nascondi controlli" perché l'audio continua a essere riprodotto e il lettore stesso scompare, costringendoti a ricaricare la pagina Web solo per ripristinarla.

Google Chrome

Non è così noioso come il giocatore di Fx 21, e non è così bello come il giocatore di IE10, ma ha il vantaggio di avere i controlli più semplici. Dove fare clic e trascinare per i cursori relativi alla posizione audio e alla posizione del volume è più facile fare clic, tenere premuto e trascinare rispetto agli altri due lettori.

Come puoi utilizzare questi lettori Web sul tuo sito web?

Usando il tag HTML.

Le istruzioni complete sono qui, ma ecco il modo generale per procedere quando si codifica la propria pagina Web.

Innanzitutto, il tuo MP3 deve essere caricato, live e devi conoscere l'indirizzo completo, come ad esempio http://www.your.site/audio/your-audio-file.mp3.

In secondo luogo, digitare il codice in questo modo:

Spiacenti, il tuo browser non supporta il tag audio, aggiorna il tuo browser

Devi includere l'avviso "scusa se il tuo browser non è supportato" per i browser mobili e Web più vecchi come IE8.

In terzo luogo, pubblica la tua pagina web.

E questo è tutto.

Sì, puoi utilizzare il codice nei siti di blog gratuiti come WordPress.com e Blogger.com, se lo desideri.

In un blog WordPress.com è facile perché quando componi un nuovo articolo del blog, puoi premere la scheda "Testo" e inserire il tuo codice in questo modo:

Dove puoi archiviare i tuoi file podcast MP3?

Il modo più semplice è archiviarli sul sito stesso, ma se non puoi farlo, puoi utilizzare DropBox o qualsiasi altro servizio di archiviazione cloud purché consentano il download diretto.

Comunque, sì, i moderni giocatori nel browser funzionano davvero bene. In tutti e tre i browser non ci sono stati problemi come ogni streaming audio MP3 proprio come doveva.

Dei tre, tuttavia, mi piace il meglio di IE10 perché ha l'aspetto migliore e le migliori caratteristiche.

Come usare html5 per riprodurre file mp3 sul tuo sito web