Як вставити музику на сайті плеєри для сайту html

Музика на сайті це швидше виняток, ніж норма. Вставляючи музику на сайт, потрібно розуміти, що деяких користувачів це може відштовхнути. У цій статті ми розглянемо кілька варіантів вставки музики на сайт, а також розглянемо як зробити фонову музику.

Як вставити фонову музику на сайт

Вставка фонової музики на сайт найнебезпечніший варіант в плані втрати відвідувачів. Тому що фонова музика мало того, що не можна ніяк вимкнути, так до того ж і гучність її ніяк не регулюється (все залежить від поточної гучності на комп'ютері). Так що треба сто разів подумати, перш ніж вставляти фонову музику.

Є два способи для реалізації музики

Варіант 1. Через тег bgsound

Синтаксис для вставки фонової музики

У тега є кілька атрибутів:

loop = "значення" - кількість повторень музики (якщо -1, то повторюється нескінченно)
balance = "значення" - стереобаланс (від -10000 до 10000)
volume = "значення" - гучність (0 максимум, -10000 мінімум)

Музика буде грати автоматично при завантаженні сторінки.

Варіант 2. Через тег embed

Синтаксис для вставки об'єкта з музикою

Можливе використання наступних атрибутів:

width = "значення" - ширина (в пікселях або відсотках)
height = "значення" - висота (в пікселях або відсотках)
align = "значення" - вирівнювання (left - зліва, right - праворуч, center - по центру)
hidden = "значення" - видимість панелі (true - приховати, false - показувати), за замовчуванням панель видно
autostart = "значення" - програвати музику при завантаженні (true - так, false - ні)
loop = "значення" - значення true - програвати по колу, false - один раз

У кожного браузера штатний програвач буде виглядати по різному, тому розглядати кожен з них окремо ми не будемо.

У html5 можна використовувати тег

Сенс використання цього тега викликає сумніву, оскільки до цих пір у багатьох браузерів відсутня підтримка html5 і така ситуація буде ще дуже довго.

Наступні атрибути можна використовувати:

autoplay = "значення" - включити музику відразу при завантаженні сторінки
controls = "значення" - відображати панель управління плеєра в браузері
loop = "значення" - відповідає за циклічність
preload = "значення" - завантажувати музику відразу із завантаженням сторінки

Розглянуті варіанти на мій погляд не є ідеальним рішенням, оскільки всі базуються на штатних програвачах. У кожного браузера буде свій штатний програвач за замовчуванням, а в якихось він взагалі може не працювати. Тому краще всього скачати плеєр до себе на сайт і вже з нього завантажувати музику. У такого плеєра буде функції зупинки, настройки гучності і т.п. - весь необхідний набір для простого користувача.