Anonim

Дейв прави подкаст. Аз (Rich) правя подкаст. И двете са напълно различни един от друг.

Начинът, по който Дейв прави своя стрийминг, е чрез Flash плейър, който работи по-голямата част от подкастите. Виждате Flash Player и след това по-долу това е малко MP3 връзка за изтегляне за тези, които искат да изтеглят самия аудио файл, който да се постави на телефон или локален плейлист на вашия компютър / лаптоп и т.н.

От своя страна обаче реших да скоча към по-модерна уеб технология и да дам HTML-плейъри в браузъра HTML5, само за да видя дали са добри или изобщо работят.

Сега за тези, които не са запознати, Internet Explorer 9 и 10, Mozilla Firefox и Google Chrome разполагат с мултимедийни плейъри в браузъра за възпроизвеждане на определени видове медийни файлове. Първоначално те поддържаха само нетърговските формати (като OGG), но днес поддържат MP3 и предполагам, че поддържат и MP4, но все още не съм тествал това.

Изискват ли играчите HTML5 да изтеглите нещо? Не, защото те вече са част от самото програмиране на браузъра. Не са необходими добавки / разширения за инсталиране.

В най-новия си подкаст дадох ход на плейъра в браузъра и ето как се оказа:

Internet Explorer 9 и 10

Плейърът на IE10 определено е най-хубавият вид на групата. Големи, лесни за четене бутони и цифри и просто като цяло добър поглед към него.

IE също така отбелязва бонус точки за това, че може да регулира скоростта с десен бутон на мишката върху плейъра:

Много яко.

Mozilla Firefox

Плейърът на Fx е най- скучният от куп, но въпреки това функционален.

Когато щракнете с десния бутон върху този, не кликнете върху „Скриване на контролите“, защото тогава аудиото продължава да се възпроизвежда и самият плейър изчезва, принуждавайки ви да презаредите уеб страницата, само за да я върнете.

Google Chrome

Не е толкова скучен, колкото е играчът на Fx 21, и не е толкова приятен, колкото играчът на IE10, но има предимството да има най-лесните контроли. Където да щракнете и плъзнете за плъзгачите, отнасящи се до положението на звука и силата на звука, са по-лесни за щракване, задържане и плъзгане в сравнение с другите два плейъра.

Как можете да използвате тези уеб плейъри на вашия уеб сайт?

Чрез използването на HTML маркера.

Пълните инструкции са тук, но ето основният начин да го направите, когато кодирате собствената си уеб страница.

Първо, вашият MP3 трябва да бъде качен, на живо и трябва да знаете пълния адрес към него, като http://www.your.site/audio/your-audio-file.mp3.

Второ, напишете кода си така:

За съжаление, браузърът ви не поддържа аудио маркера, моля, актуализирайте браузъра си

Трябва да включите известието „съжалявам, че браузърът ви не се поддържа“ за по-стари мобилни и уеб браузъри, като IE8.

Трето, публикуване на вашата уеб страница.

И това е основно.

Да, можете да използвате кода в сайтове за безплатни блогове като WordPress.com и Blogger.com, ако желаете.

В блог на WordPress.com е лесно, защото когато съставяте нова статия в блога, можете да натиснете раздела „Текст“ и да поставите кода си по този начин:

Къде можете да съхранявате вашите MP3 подкаст файлове?

Най-лесният начин е да ги съхранявате в самия сайт, но ако не можете да направите това, можете да използвате DropBox или друга услуга за съхранение в облак, стига да позволяват директно изтегляне.

Както и да, съвременните плейъри в браузъра наистина работят добре. И в трите браузъра изобщо нямаше проблеми, тъй като всеки стриймиран MP3 аудио точно както трябваше.

От трите обаче ми харесва най-доброто от IE10, защото има най-добър външен вид и най-добри характеристики.

Как да използвате html5 за възпроизвеждане на mp3 файлове на вашия уебсайт