Дейв робить подкаст. Я (Річ) роблю подкаст. Обидва абсолютно відрізняються один від одного.
Те, як Дейв здійснює свою трансляцію, здійснюється через Flash-плеєр, саме так працює переважна більшість подкастів. Ви бачите Flash-плеєр, а потім - це невелике посилання для завантаження MP3 для тих, хто хоче завантажити сам аудіофайл, щоб розмістити його на телефоні чи локальному списку відтворення на вашому ПК / ноутбуці тощо.
Зрештою, я вирішив перейти до більш сучасної технології в Інтернеті і дати програвачам HTML5-плеєри 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, тому що він має найкращий вигляд і найкращі характеристики.