Дейв делает подкаст. Я (Rich) делаю подкаст. Оба полностью отличаются друг от друга.
Дейв осуществляет потоковую передачу через Flash-плеер, как работает подавляющее большинство подкастов. Вы видите Flash player, а затем ниже - небольшую ссылку для скачивания MP3 для тех, кто хочет загрузить сам аудиофайл для размещения в телефоне или локальном списке воспроизведения на вашем ПК / ноутбуке и т. Д.
Однако я решил сделать шаг в сторону более современных веб-технологий и дать возможность MP3-плеерам в браузере HTML5 просто посмотреть, насколько они хороши или вообще работают.
Теперь для тех, кто не знает, Internet Explorer 9 и 10, Mozilla Firefox и Google Chrome имеют встроенные медиаплееры для воспроизведения медиафайлов определенных типов. Первоначально они поддерживали только некоммерческие форматы (такие как OGG), но в настоящее время они поддерживают MP3, и я предполагаю, что они также поддерживают MP4, но я еще не проверял это.
Требуется ли от HTML5-игроков скачивание чего-либо? Нет, потому что они уже являются частью самого программирования браузера. Никаких дополнений / расширений не требуется для установки.
На моем последнем подкасте я попробовал проигрыватель в браузере, и вот как это получилось:
Internet Explorer 9 и 10
Плеер IE10 определенно самый красивый на вид. Большие, легко читаемые кнопки и цифры, и в целом это хорошо выглядит.
IE также получает бонусные баллы за то, что может регулировать скорость нажатием правой кнопки мыши на игроке:
Очень круто.
Mozilla Firefox
Игрок Fx - самый скучный из всех, но, тем не менее, функциональный.
Когда вы щелкаете по нему правой кнопкой мыши, не нажимайте «Скрыть элементы управления», потому что тогда звук продолжает проигрываться, а сам проигрыватель исчезает, заставляя вас перезагрузить веб-страницу, чтобы вернуть ее обратно.
Гугл Хром
Не так скучно, как у игрока 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 лучше всего, потому что он имеет лучший внешний вид и лучшие функции.
