Використовуйте функцію JavaScript, щоб дозволити відвідувачам веб-сайту відтворювати MP3.
Можна вставити та відтворити аудіофайли MP3 на ваших веб-сторінках різними способами. Прикладами є застарілі теги «вбудовувати» в HTML, різні програвачі Flash та програвачі на базі Java. Стандарт HTML5, з його акцентом на сценарії та відсутністю опори на стороннє програмне забезпечення, пропонує найбільш сумісний спосіб вбудовування та відтворення MP3-файлів на веб-сторінках у майбутньому. Вставте файл MP3 з об’єктом «аудіо» HTML5, а потім скористайтеся функцією JavaScript, щоб почати його відтворення
Крок 1
Додайте такий код до тіла вашого HTML-документа:
Відео дня
Цей код вбудовує та завантажує файл MP3, але не відтворює його. Значення тегу "src" містить шлях до файлу MP3 і ім'я файлу.
Крок 2
Додайте такий код JavaScript між тегами "head" вашого HTML-документа:
Ця функція при виклику отримує доступ до елемента "аудіо" за його ідентифікатором ("mp3") і використовує метод play() для його відтворення.
Крок 3
Додайте кнопку на веб-сторінку, щоб викликати функцію "playMP3", коли користувач натискає її. Додайте наступний код до тіла HTML-документа:
Змініть атрибут "value", щоб дати кнопці іншу назву.
Крок 4
Використовуйте таку функцію замість "playMP3", щоб дозволити користувачеві призупинити файл після його запуску:
функція playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Змініть атрибут «onClick» тегу «input» на кроці 3, щоб він відповідав назві цієї функції.
