Anonim

Gumagawa ng isang podcast si Dave. Ako (Mayaman) ay gumawa ng isang podcast. Pareho silang naiiba sa bawat isa.

Ang paraan na ginagawa ni Dave ang kanyang streaming ay sa pamamagitan ng isang Flash player, na kung paano gumagana ang karamihan sa mga podcast. Nakita mo ang Flash player at pagkatapos ay sa ibaba ay isang maliit na link sa pag-download ng MP3 para sa mga nais na i-download ang audio file mismo upang ilagay sa isang telepono o lokal na playlist sa iyong PC / laptop, atbp.

Sa pagtatapos ko subalit nagpasya akong gumawa ng isang tumalon patungo sa isang mas modernong teknolohiya sa web at bigyan ang mga manlalaro ng HTML5 MP3 na pumunta para lamang makita kung sila ay mabuti o kahit na nagtrabaho sila.

Ngayon para sa mga hindi nakakaalam, ang Internet Explorer 9 at 10, ang Mozilla Firefox at Google Chrome lahat ay mayroong mga manlalaro na in-browser media para sa paglalaro ng ilang mga uri ng mga file ng media. Orihinal na sinuportahan lamang nila ang mga di-komersyal na mga format (tulad ng OGG), ngunit sa mga araw na ito ay sinusuportahan nila ang MP3, at inaakala kong sinusuportahan din nila ang MP4 ngunit hindi ko pa nasubok.

Kailangan ba ng mga manlalaro ng HTML5 na mag-download ng anupaman? Hindi, dahil bahagi na sila ng programming sa browser mismo. Walang mga add-on / extension na kinakailangan upang mai-install.

Sa aking pinakahuling podcast, binigyan ko ang in-browser player, at ganito ang paraan:

Internet Explorer 9 at 10

Ang manlalaro ng IE10 ay tiyak na pinakamagandang hitsura ng buwig. Malaki, madaling basahin ang mga pindutan at numero at isang pangkalahatang magandang pagtingin dito.

Nag-score din ang mga puntos ng IE para sa kakayahang ayusin ang bilis sa isang pag-click sa player:

Sobrang cool.

Mozilla Firefox

Ang manlalaro ng Fx ay ang pinaka- pagbubutas ng buwig, ngunit gayunpaman gumana.

Kapag nag-right click ka sa isang ito, huwag mag- click sa "Itago ang Mga Kontrol" dahil pagkatapos ay patuloy na naglalaro ang audio at nawawala ang manlalaro, na pinilit mong i-reload ang web page upang mabalik ito.

Google Chrome

Hindi masyadong nakakainis bilang manlalaro ng Fx 21, at hindi kasing ganda ng player ng IE10, ngunit mayroon itong kalamangan na magkaroon ng pinakamadaling kontrol. Kung saan mag-click-and-drag para sa mga slider tungkol sa posisyon ng audio at dami ng posisyon ay mas madaling mag-click, hawakan at i-drag kumpara sa iba pang dalawang manlalaro.

Paano mo magagamit ang mga web player na ito sa iyong web site?

Sa pamamagitan ng paggamit ng HTML tag.

Narito ang kumpletong mga tagubilin, ngunit narito ang pangkalahatang paraan upang magawa ito tungkol sa pag-cod ng iyong sariling web page.

Una, ang iyong MP3 ay kailangang mai-upload, mabuhay at dapat mong malaman ang kumpletong address dito, tulad ng http://www.your.site/audio/your-audio-file.mp3.

Pangalawa, i-type ang iyong code tulad nito:

Paumanhin, hindi suportado ng iyong browser ang tag ng audio, mangyaring i-update ang iyong browser

Kailangan mong isama ang paunawang "pasensya na hindi suportado ang iyong browser" para sa mas matatandang browser at web browser tulad ng IE8.

Pangatlo, i-publish ang iyong web page.

At iyon talaga.

Oo, maaari mong gamitin ang code sa mga libreng site sa pag-blog tulad ng WordPress.com at Blogger.com kung gusto mo.

Sa isang blog na WordPress.com madali dahil kapag bumubuo ng isang bagong artikulo sa blog, maaari mong pindutin ang tab na "Text" at ipasok ang iyong code sa paraang iyon:

Saan maaaring itago ng iyong tindahan ang iyong mga MP3 podcast file?

Ang pinakamadaling paraan ay ang pag-imbak ng mga ito sa site mismo, ngunit kung hindi mo magagawa iyon, maaari mong gamitin ang DropBox o anumang iba pang serbisyo sa imbakan ng ulap hangga't pinapayagan nila ang direktang pag-download.

Pa rin, oo, ang mga modernong player na in-browser ay talagang gumagana nang maayos. Sa lahat ng tatlong mga browser ay walang mga isyu sa bawat pag-stream ng MP3 audio tulad ng nararapat.

Sa tatlo gayunpaman gusto ko ang pinakamahusay na IE10 dahil ito ay may pinakamahusay na hitsura at ang pinakamahusay na mga tampok.

Paano gamitin ang html5 upang i-play ang mga file ng mp3 sa iyong website