1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/yoding-Audio

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 2.9 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 28.11.2024 00:43 7a8e68f

Аудио

Введение

JS-плеер для воспроизведения музыки.

Предварительный просмотр

Предварительный просмотр аудио

Адрес предварительного просмотра

http://yoding.gitee.io/audio/

Архитектура программного обеспечения

Программное обеспечение основано на jQuery.

Инструкция по установке

  1. Добавьте на страницу jQuery.
  2. Добавьте на страницу css/audio.css.
  3. Добавьте на страницу js/audio.js.

Использование

Свойства

var audio=new Audio({
    top:"10px",// Расстояние от верха
    right:"0px",// Расстояние от правой стороны
    bottom:"",// Расстояние от низа
	left:"",// Расстояние от левой стороны
    id:"audio",// Идентификатор выбранного элемента
    bg:"res/audio_bg.jpg",// Фон по умолчанию
    nextFn:function(obj){obj.play(obj.index+=1);},// Событие при нажатии на следующую песню
    endFn:function(obj){obj.play(obj.index+=1);},// Событие после завершения воспроизведения
    list:[// Список воспроизведения, поддерживает два формата: строки и объекты
        'res/01.mp3',// Только адрес ссылки
        {
            name:"dream it possible",// Название файла
            src:'res/02.mp3',// Адрес ссылки
            bg:"res/02.jpg"// Изображение фона
        },
        'res/03.mp3'// Если файл не существует, он будет пропущен
    ]
});

Методы

audio.play();  // Воспроизведение и пауза
audio.play(n); // Воспроизвести песню. Параметр может быть индексом, например 1, 2, 3; или названием песни, например 01.mp3, dream it possible;
audio.next();  // Перейти к следующей песне

Замечания

  1. Поскольку Chrome не позволяет автоматически воспроизводить звук, не вызывайте метод play сразу после загрузки страницы.
  2. Поскольку список песен, которые не удалось воспроизвести, будет удалён, индексы элементов в списке могут измениться.

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/yoding-Audio.git
git@api.gitlife.ru:oschina-mirror/yoding-Audio.git
oschina-mirror
yoding-Audio
yoding-Audio
master