Anonim

Dave čini podcast. Ja (Rich) radim podcast. Oboje su potpuno različiti jedni od drugih.

Način na koji Dave vrši svoj streaming odvija se putem Flash playera, tako funkcionira velika većina podcasta. Vidite Flash player, a ispod toga je mala veza za preuzimanje MP3 datoteke za one koji žele preuzeti audio datoteku da bi je postavili na telefon ili lokalni popis za reprodukciju na vašem PC / prijenosnom računalu itd.

Ali kad sam završio, odlučio sam skoknuti do modernije web tehnologije i pokrenuti HTML5 MP3 playere u pregledniku samo da vidim jesu li dobri ili uopće rade.

Sada za one koji nisu svjesni, Internet Explorer 9 i 10, Mozilla Firefox i Google Chrome imaju multimedijske uređaje u pregledniku za reprodukciju određenih vrsta medijskih datoteka. Izvorno su podržavali samo nekomercijalne formate (poput OGG), ali ovih dana podržavaju MP3, a pretpostavljam da podržavaju i MP4, ali to još nisam testirao.

Zahtijevaju li igrači HTML5 da nešto preuzmete? Ne, jer su oni već dio samog programiranja preglednika. Nisu potrebni dodatci / proširenja za instalaciju.

U svom najnovijem podcastu pokrenuo sam player u pregledniku, i evo kako se pokazalo:

Internet Explorer 9 i 10

Igrač IE10 je definitivno najljepši izgled gomile. Veliki gumbi, brojevi i brojevi koji se lako čitaju, i samo općenito dobar izgled.

IE također bilježi bonus bodove za podešavanje brzine desnim klikom na igrača:

Jako cool.

Mozilla Firefox

Fx-ov igrač najviše muči dosadan , ali unatoč tome i funkcionalan.

Kada desnom tipkom miša kliknete ovaj, ne kliknite "Sakrij kontrole", jer tada zvuk nastavlja reprodukciju i sam uređaj nestaje, zbog čega morate ponovo učitati web stranicu kako biste je vratili.

Google Chrome

Nije baš dosadno kao što je igrač Fx 21 i nije tako zgodan kao igrač IE10, ali ima prednost u tome što ima najlakše kontrole. Gdje je klizače i povlačenje za klizače koji se odnose na položaj zvuka i položaj glasnoće lakše je kliknuti, držati i povlačiti u usporedbi s ostala dva uređaja.

Kako možete koristiti ove web playere na svojoj web stranici?

Korištenjem HTML oznake.

Cjelovita uputstva su ovdje, ali evo općenitog načina za to kada se kodira vlastita web stranica.

Prvo, vaš MP3 mora biti učitan, uživo i morate znati cijelu adresu na njega, kao što je http://www.your.site/audio/your-audio-file.mp3.

Drugo, upišite svoj kod ovako:

Nažalost, vaš preglednik ne podržava audio oznaku, ažurirajte svoj preglednik

Morate uključiti obavijest "žao mi je što vaš preglednik nije podržan" za starije mobilne i web preglednike, poput IE8.

Treće, objavite svoju web stranicu.

I to je u osnovi to.

Da, kod možete koristiti na besplatnim web lokacijama za bloganje, poput WordPress.com i Blogger.com, ako želite.

Na blogu WordPress.com to je jednostavno jer pri sastavljanju novog članka bloga možete pritisnuti karticu "Tekst" i na taj način umetnuti svoj kôd:

Gdje možete pohraniti MP3 podcast datoteke?

Najlakši način je pohraniti ih na samu web lokaciju, ali ako to ne možete učiniti, možete koristiti DropBox ili bilo koju drugu uslugu pohrane u oblaku sve dok omogućuju izravno preuzimanje.

U svakom slučaju, da, moderni playeri u pregledniku zapravo rade dobro. U sva tri preglednika uopće nije bilo problema s obzirom na to da je svaki streaming MP3 audio odgovarao onako kako je trebao.

Od tri me ipak najviše volim IE10 jer ima najbolji izgled i najbolje osobine.

Kako koristiti html5 za reprodukciju mp3 datoteka na vašoj web stranici