Додаємо музику в свій блог
Для того щоб додати музичний плеєр на сторінку сайту або блогу, в більшості випадків навіть не потрібно реєструватися на всілякі сервіси, що надають послуги аудіо хостингу. Розмістити музичний файл або аудіо запис на будь-який веб-сторінці, можна використовуючи пряме посилання на сам файл і спеціально призначений для вставки аудіо-файлів тег, доступний в 5-ій версії HTML. Плеєр і всі елементи управління створить браузер, єдина умова щоб він, браузер, був більш-менш сучасним.
Щоб використовувати тег <audio>, який служить контейнером для розміщення аудіо-файлів і виведення плеєра на сторінці сайту, потрібно переконається що тип HTML документа (DOCTYPE) сайту вказано правильно
Тег <audio> володіє настройками, за допомогою яких можна управляти відтворенням доданого файлу, але потрібно сказати що зовнішній вигляд плеєра буде таким, яким його задумали розробники браузера, хоча за допомогою jQuery і CSS3 як завжди можна творити чудеса .
Щоб встановити плеєр на сторінці, потрібно додати в її HTML код запис тега, яку можна зробити двома способами:
1.
<audio src = "../прямая посилання / на / файл"> </ audio>
2. <Audio>
<source src = "../прямая.ссилка.на.файл">
</ Audio>
У другому варіанті записи, можна додати кілька посилань з джерелами на різні формати файлів, для універсальності. Наприклад: mp3 і OGG, щоб бути впевненим що файл буде відтворено в більшості браузерів, тому що різні браузери можуть відтворювати різні формати файлів. (В IE, аж до 9-ої версії тег працювати не буде - в IE9 буде).
Для відтворення аудіо файлів в браузері є всього три формату - mp3, OGG і WAV.
Додатково тег <audio>, підтримує такі атрибути:
- autoplay - самовідтворення аудіо-файлу після завантаження сторінки;
- controls - додавання панелі управління - плеєра. (В різних браузерах плеєр буде виглядати по-різному);
- loop - автоповтор;
- preload - буде завантажувати файл разом із завантаженням веб-сторінки;
- src - шлях до воспроизводимому файлу.
Найпростіша запис для плеєра буде виглядати так:
<Audio controls>
<source src = "../ прямая_ссилка / file.mp3" type = "audio / mpeg">
<source src = "../ прямая_ссилка / file.ogg" type = "audio / ogg; codecs = vorbis">
Тег audio не підтримується у вашому браузером. <a href=".../file.mp3"> Завантажити музику </a>
</ Source>
</ Source>
</ Audio>
Довантажувати свої аудіо файли і отримувати пряме посилання на них, поки що, на халяву, можна як і раніше на сервірують Google. наприклад використовуючи Сайти Гугл , Хоча як показує практика і інші хмарні сервіси не гірше.
Корисний об'єм Гугл-сайту - 100 МДБ, тому сильно не розгуляєшся з пісеньками, з іншого боку, завантажуючи файли туди, отримуєш хост-посилання, що вже не є для Драйв, крім того можна пожертвувати трохи якістю і довантажити в межах 50-ти - 40-а композицій, а це ні багато-ні мало - вже пара, а то і три альбоми.
Під завісу дивовижна мелодія від Two Steps from the Hell:
Тег audio не підтримується у вашому браузером. завантажити mp3 .
Ось і все всім удачі і хорошого настрою.