Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!
Подобные просьбы и вопросы - будут игнорироваться!
Минимальный музыкальный проигрыватель с аудиовизуализатором - jQuery jsRapAudio
Дата добавления: 29.12.2020 - 23:02
Категория: Хаки / Дополнения, Плееры / Слайдеры
Добавил: Buger
Количество просмотров: 619
Количество комментариев: 0
Размер файла: 33.1 Kb
Рейтинг материала: 0.0 / 0
БЕСПЛАТНО
рейтинг
0.0
/
голосов
0
Плагин jsRapAudio jQuery позволяет динамически отображать минимально чистый музыкальный проигрыватель из любых аудиофайлов HTML5, например Ogg, Mp3, Wav.
Встроенный классический аудиовизуализатор, который автоматически меняет размер в соответствии с частотной шкалой вашего звука.
Как использовать:
1. Вставьте библиотеку jQuery вместе с файлами плагина jQuery jsRapAudio в файл html.
2. Создайте контейнер, в который вы хотите вставить аудиоплеер.
3. Вызовите функцию на элементе контейнера и укажите путь к аудиофайлу.
4. Возможные варианты настройки музыкального плеера и аудиовизуализатора.
5. Доступны функции обратного вызова.
Встроенный классический аудиовизуализатор, который автоматически меняет размер в соответствии с частотной шкалой вашего звука.
Как использовать:
1. Вставьте библиотеку jQuery вместе с файлами плагина jQuery jsRapAudio в файл html.
Код
<link rel="stylesheet" href="jsRapAudio.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
<script src="jsRapAudio.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
<script src="jsRapAudio.js"></script>
2. Создайте контейнер, в который вы хотите вставить аудиоплеер.
Код
<div id="example"></div>
3. Вызовите функцию на элементе контейнера и укажите путь к аудиофайлу.
Код
$('#example').jsRapAudio({
src: 'example.mp3' // Трек .mp3 файл
});
src: 'example.mp3' // Трек .mp3 файл
});
4. Возможные варианты настройки музыкального плеера и аудиовизуализатора.
Код
$('#example').jsRapAudio({
src: 'example.mp3', // Трек .mp3 файл
autoplay: false,
controls: true,
loop: false,
capHeight: 4,
capSpeed: 0.6,
meterCount: 40,
meterGap: 2,
frequency: 0.7,
capColor:' #fff'
});
src: 'example.mp3', // Трек .mp3 файл
autoplay: false,
controls: true,
loop: false,
capHeight: 4,
capSpeed: 0.6,
meterCount: 40,
meterGap: 2,
frequency: 0.7,
capColor:' #fff'
});
5. Доступны функции обратного вызова.
Код
$('#example').jsRapAudio({
onEnded: null,
onLoadedmetadata: null,
onVolumechange: null
});
onEnded: null,
onLoadedmetadata: null,
onVolumechange: null
});
Добавлять комментарии могут только зарегистрированные пользователи.
Поделись с друзьями:
