Anonim

Dave tekee podcastin. Minä (rikas) teen podcastin. Molemmat ovat täysin erilaisia ​​toisistaan.

Tapa, jolla Dave suorittaa suoratoistonsa, on Flash-soittimen kautta, millä suurin osa podcasteista toimii. Näet Flash-soittimen ja sen alapuolella on pieni MP3-latauslinkki niille, jotka haluavat ladata äänitiedoston itse asettaaksesi puhelimen tai paikallisen soittolistan tietokoneellesi / kannettavallesi jne.

Päätteeksi päätin kuitenkin siirtyä kohti nykyaikaisempaa verkkoteknologiaa ja antaa selaimen HTML5-MP3-soittimille katsoa, ​​olivatko ne hyviä vai toimivatko ne ollenkaan.

Nyt niille, jotka eivät ole tietoisia, Internet Explorer 9: ssä ja 10: ssä, Mozilla Firefoxissa ja Google Chromessa on kaikissa selaimen sisäisissä mediasoittimissa tietyntyyppisten mediatiedostojen toistaminen. Alun perin he tukivat vain ei-kaupallisia formaateja (kuten OGG), mutta nykyään ne tukevat MP3: ta ja oletan, että ne tukevat myös MP4: tä, mutta en ole vielä testannut sitä.

Vaativatko HTML5-soittimet sinun ladata mitään? Ei, koska he ovat jo osa itse selaimen ohjelmointia. Lisäosia / laajennuksia ei tarvitse asentaa.

Annoin viimeisimmässä podcastissani selaimen sisäisen soittimen liikkeelle, ja näin se osoittautui:

Internet Explorer 9 ja 10

IE10: n pelaaja on ehdottomasti mukavin näköinen joukko. Suuret, helposti luettavat painikkeet ja numerot ja vain yleinen hyvännäköisyys siihen.

IE tekee myös bonuspisteitä siitä, että pystyy säätämään nopeutta napsauttamalla pelaajaa hiiren oikealla painikkeella:

Todella siistiä.

Mozilla Firefox

Fx-pelaaja on tylsin joukosta, mutta silti toimiva.

Kun napsautat tätä hiiren kakkospainikkeella, älä napsauta ”Piilota säätimet”, koska silloin ääni toistuu ja soitin itse katoaa, pakottaen sinut lataamaan verkkosivun uudelleen vain saadaksesi sen takaisin.

Google Chrome

Ei aivan yhtä tylsää kuin Fx 21: n pelaaja on, eikä niin mukavan näköinen kuin IE10: n pelaaja, mutta sillä on etuna se, että sillä on helpoin hallinta. Missä napsauttaa ja vedä liukusäätimiä, jotka koskevat äänen sijaintia ja äänenvoimakkuuden sijaintia, on helpompi napsauttaa, pitää ja vetää verrattuna kahteen muuhun soittimeen.

Kuinka voit käyttää näitä web-soittimia verkkosivustollasi?

HTML-tunnisteen avulla.

Täydelliset ohjeet ovat täällä, mutta tässä on pääsääntöinen tapa koodata omaa verkkosivua.

Ensinnäkin MP3-tiedosto on ladattava, suorana, ja sinun on tiedettävä täydellinen osoite siihen, kuten http://www.your.site/audio/your-audio-file.mp3.

Toiseksi, kirjoita koodi seuraavasti:

Valitettavasti selaimesi ei tue äänitunnistetta, päivitä selaimesi

Sinun on sisällytettävä ilmoitus "anteeksi selainta ei tueta" vanhemmille mobiili- ja verkkoselaimille, kuten IE8.

Kolmanneksi julkaise verkkosivusi.

Ja se on pohjimmiltaan se.

Kyllä, voit käyttää koodia ilmaisissa blogisivustoissa, kuten WordPress.com ja Blogger.com, jos haluat.

WordPress.com-blogissa se on helppoa, koska kirjoittaessasi uutta blogiartikkelia voit napsauttaa ”Teksti” -välilehteä ja lisätä koodisi tällä tavalla:

Missä voit tallentaa MP3-podcast-tiedostosi?

Helpoin tapa on tallentaa ne itse sivustolle, mutta jos et voi tehdä niin, voit käyttää DropBoxia tai mitä tahansa muuta pilvivarastointipalvelua niin kauan kuin ne sallivat suoran lataamisen.

Joka tapauksessa kyllä, nykyaikaiset selaimen sisäiset soittimet toimivat todellakin hyvin. Kaikissa kolmessa selaimessa ei ollut mitään ongelmia, koska kukin suoratoisti MP3-ääntä aivan kuten piti.

Kolmesta pidän kuitenkin IE10: n parhaista, koska siinä on paras ulkonäkö ja parhaat ominaisuudet.

Kuinka käyttää html5-tiedostoa MP3-tiedostojen toistamiseen verkkosivustollasi