Лёгкая и удобная библиотека для работы с музыкой, которая позволяет быстро создать полнофункциональный и уникальный плеер.
Предоставляет множество событий воспроизведения и обратных вызовов, что обеспечивает гибкое использование.
Демонстрационный адрес: https://lovefc.gitee.io/mjs/ Адрес скачивания: https://gitee.com/lovefc/mjs
Прямая загрузка исходного кода или клонирование через git
// Создание экземпляра класса mjs
let music = new mjs();
// Обратный вызов для отображения текста песни
music.lycCallback = (lycText) => {
$('#lyctext').html(lycText);
};
// Обратный вызов для смены песни
music.switchCallback = (attr) => {
music.autoPlay(); // Автоматическое воспроизведение после смены песни
$('#songname').html(attr.title + '-' + attr.author);
$('#pic').html('<img src="' + attr.pic + '" width="100">');
};
// Инициализация с передачей JSON-объекта с информацией о песнях
// JSON может быть многомерным массивом
// [{'title': 'Название песни', 'author': 'Автор', 'pic': 'Обложка песни', 'url': 'Ссылка на воспроизведение'}]
// music.init(музыкальный список, режим цикла [0, 1, 2], начальный уровень громкости [0.1-1], возможность cross-origin [true | false])
music.init(musiclist, 1, 0.5, false);
// Обратный вызов для получения текущего времени воспроизведения и прогресса
music.timeCallback = (music) => {
$('#times').html(music.nowtime + '/' + music.alltime);
};
``````markdown
// Воспроизведение
$("#play").click(function() {
music.autoPlay();
});
// Пауза
$("#stop").click(function() {
music.stopPlay();
});
// Случайный цикл
$("#order").click(function() {
music.orderMusic(1);
alert('Случайный цикл успешно включен');
});
// Цикл одной песни
$("#order2").click(function() {
music.orderMusic(2);
alert('Цикл одной песни успешно включен');
});
// Цикл списка
$("#order3").click(function() {
music.orderMusic(0);
alert('Цикл списка успешно включен');
});
// Следующая песня
$("#xia").click(function() {
music.nextMusic(function(music) {
// Обратный вызов события воспроизведения следующей песни
});
});
Исходный текст был переведён на русский язык, при этом были сохранены все элементы кода, пути к файлам и структура документа.
// Предыдущий трек
$("#shang").click(function () {
music.prevMusic(function (music) {
// Обработчик события для воспроизведения предыдущего трека
});
});
// Увеличение громкости
$("#da").click(function () {
let num = 1;
music.playVolume(num, function (num) {
console.log('Увеличение громкости ' + num);
});
});
// Уменьшение громкости
$("#xiao").click(function () {
music.playVolume(0.3, function (num) {
console.log('Уменьшение громкости ' + num);
});
});
// Переход к началу трека
$("#kaitou").click(function () {
music.playProgress(1);
});
// Переход к середине трека
$("#zhongjian").click(function () {
music.playProgress(50);
});
// Переход к концу трека
$("#mowei").click(function () {
music.playProgress(98);
});
``````markdown
// Ускорение воспроизведения до максимальной скорости 200%
$("#jiakuai").click(function () {
music.playRate(200);
});
// Нормальная скорость воспроизведения
$("#zhengchang").click(function () {
music.playRate(100);
});
// Замедление воспроизведения
$("#bianman").click(function () {
music.playRate(50);
});
Также стоит отметить, что в данном контексте используется язык программирования JavaScript, а также HTML/CSS для управления интерфейсом пользователя. В исходном тексте использовался китайский язык, поэтому перевод выполнен на русский язык, сохранив структуру и синтаксис исходного кода.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )