Додайте фонову музику на свій веб-сайт, щоб користувачі могли насолоджуватися переглядом.
Різні методи вбудовування музики на веб-сторінку стали популярними з перших днів існування всесвітньої павутини. Примітно, що тег "embed" у HTML, аудіоплеєри на основі Java та Flash-програвачі є можливими варіантами додавання фонову музику на веб-сторінку, але жодне рішення не було повсюдно прийнято або повністю сумісне з усіма браузерами та платформи. Новіший стандарт HTML5 включає тег "audio", який спеціально визначений для відтворення вбудованого аудіо.
Крок 1
Додайте наведений нижче код будь-де в тілі вашого HTML-документа, щоб вставити музичний файл і відтворити його автоматично, коли відвідувач переглядає ваш веб-сайт.
Відео дня
Змініть атрибут "src" так, щоб він містив шлях та назву музичного файлу, який ви хочете вставити.
Крок 2
Додайте атрибут "loop", якщо ви хочете, щоб музичний файл відтворювався знову і знову:
Крок 3
Використовуйте кілька тегів "source" замість атрибута "src" тегу "audio", якщо ви хочете запропонувати браузеру користувача вибір із кількох форматів файлів:
У цьому прикладі браузер користувача вирішить, чи відтворювати файл MP3 чи файл OGG. Ця техніка може бути корисною для націлювання на мобільні пристрої, які можуть відтворювати лише певні аудіоформати.
Крок 4
Вкладіть тег "embed" в тег "audio", щоб забезпечити підтримку старіших веб-переглядачів, які не мають підтримки HTML5. Зауважте, що таке використання тегу "embed" застаріло (це означає, що його офіційно більше не потрібно підтримується), тому експериментуйте з цією технікою, лише якщо ви підозрюєте, що ваші користувачі будуть використовувати застарілий Інтернет браузери. Ось приклад:
Порада
Додайте атрибут "controls" до тегу "audio", щоб дозволити користувачеві зупинити музику та змінити гучність. Крім того, не використовуйте атрибут «автовідтворення», якщо немає вагомих причин для такої поведінки веб-переглядача. Багатьом користувачам дратує вбудована фонова музика, яка несподівано відтворюється без їхнього дозволу, і вона негайно покине ваш веб-сайт.
