З розвитком інтернету мультимедіа все частіше використовується на сайтах - аудіо, відео завантажувати і переглядати також просто як і картинки. А можливості нового HTML5, наскільки я знаю, дозволяють вбудовувати ці файли досить легко. Найпоширеніший варіант для відео (і аудіо) це використання сторонніх сервісів: ви завантажуєте або шукайте там потрібний mp3 файл, а на свій сайт вставляєте спеціальний Embed код. Тим не менш, є варіант більш цікавий і ефективний - за допомогою спеціального плагіна oEmbed HTML5 audio.
Оновлення 14.05.2018: В останніх версіях CMS автоматично імпортує різну інформацію з зовнішніх джерел, тому для початку спробуйте реалізувати завдання без модулів. До речі, при бажанні можна відключити oEmbed в Wodpress .
Дане рішення дозволяє додавати аудіо файли (MP3, OGG, WAV) в постах і сторінках сайту за рахунок технології oEmbed (як це відбувається з YouTube). За замовчуванням mp3 файли відображаються за допомогою тегів HTML5, хоча є також Flash плеєр для тих браузерів, де основний варіант не підтримуються.
Завантажити та встановити плагін можна звідси . Далі в адмінці в розділі плагінів просто його активуєте - це все, що потрібно зробити. Щоб вставити mp3 файл в wordpress заходимо на сторінку публікації і насамперед завантажуємо його, якшо по кнопці «Додати мультимедійний«
На зображенні у мене стара версія вордпресс, тому тут ще є розбиття на типи файлів, хоча різниці там немає ніякої, в нових - просто одна кнопка. Після цього вам потрібно вставити адресу цього mp3 файлу з нового рядка (параграфа) в текст нотатки. Чи не посилання з тегом A, просто шлях до файлу. Потім зберігаємо і перевіряємо, що у нас вийшло.
В інших браузерах плеєр може виглядати трохи інакше.
Для роботи плагіна oEmbed HTML5 audio потрібна версія вордпресс 3 і вище. В ході тестування автори модуля перевірили наступні браузери (інфа на момент публікації модуля в репозиторії + були перевірені тільки Windows версії):
- Google Chrome 14: MP3, OGG, WAV - за допомогою HTML5.
- Firefox 6: OGG, WAV - через HTML5; MP3 - Flash-плеєр.
- Opera 11: OGG, WAV - через HTML5; MP3 - Flash- плеєр.
- Internet Explorer 8: MP3 - через Flash-плеєр; OGG, WAV - не підтримується.
- Internet Explorer 9: MP3 - через HTML5; OGG, WAV - не підтримується.
- Safari: MP3 - Flash-плеєр; OGG, WAV - не підтримується.
Як бачите, не дивлячись на те, що плеєр дозволяє додавати різні аудіо формати MP3, OGG, WAV, не всі браузери зможуть їх відтворювати. Для більшої стабільності рекомендується все ж використовувати mp3. Корисною фішкою є наявність Flash версії відтворення, тому що не всі браузери відмінно працюють з HTML5. В цілому мені особисто плагін oEmbed HTML5 audio сподобався - швидко і просто все робиться. Завантажень модуля трохи більше 20 тисяч, оцінки високі - і не дарма!
