0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Для добавления элемента на страницу который, воспроизводит и управляет настройками аудиозаписи можно использовать тег<a></a>. Путь к файлу задается через атрибут src или вложенный тег . Внутри контейнера можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.</p>
1
<p>Для добавления элемента на страницу который, воспроизводит и управляет настройками аудиозаписи можно использовать тег<a></a>. Путь к файлу задается через атрибут src или вложенный тег . Внутри контейнера можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.</p>
2
<p>Пример:</p>
2
<p>Пример:</p>
3
<audio controls> <source src="audio/music.ogg" type="audio/ogg; codecs=vorbis"> <source src="audio/music.mp3" type="audio/mpeg"> Тег audio не поддерживается вашим браузером. <a href="audio/music.mp3">Скачайте музыку</a>. </audio><p>Существуют и аудиобиблиотеки Javascript предоставляющие более широкие возможности, например<a>howlerjs</a></p>
3
<audio controls> <source src="audio/music.ogg" type="audio/ogg; codecs=vorbis"> <source src="audio/music.mp3" type="audio/mpeg"> Тег audio не поддерживается вашим браузером. <a href="audio/music.mp3">Скачайте музыку</a>. </audio><p>Существуют и аудиобиблиотеки Javascript предоставляющие более широкие возможности, например<a>howlerjs</a></p>
4
<p>Рассмотрим простой пример:</p>
4
<p>Рассмотрим простой пример:</p>
5
<p>Исходный HTML файл:</p>
5
<p>Исходный HTML файл:</p>
6
<button onclick="sound.play();">Play</button><p>Скрипт для подключения библиотеки Howler:</p>
6
<button onclick="sound.play();">Play</button><p>Скрипт для подключения библиотеки Howler:</p>
7
<!-- Подключаем библиотеку howler через cdn сеть в наш HTML документ --> <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.js"></script> <!-- создаем экземпляр объекта Howl и в опции src указываем путь до файла, сам файл необходимо разместить рядом с HTML документом --> <script> var sound = new Howl({ src: ['music.mp3'], <!-- Можно, например выставить громкость --> volume: 0.5, <!-- Включить зацикливание проигрывания файла --> loop: true, }); </script>
7
<!-- Подключаем библиотеку howler через cdn сеть в наш HTML документ --> <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.js"></script> <!-- создаем экземпляр объекта Howl и в опции src указываем путь до файла, сам файл необходимо разместить рядом с HTML документом --> <script> var sound = new Howl({ src: ['music.mp3'], <!-- Можно, например выставить громкость --> volume: 0.5, <!-- Включить зацикливание проигрывания файла --> loop: true, }); </script>