Audio Тег

@Federat · Регистрация: 22.05.2014

Author24 — интернет-сервис помощи студентам

Доброго дня
Задача такая, сделал плеер, с использованием тега <audio>, теперь нужно, что бы, последовательно, воспродилось не одна, несколько композиций, как такое реализовать? Помогите, кому не сложно

@Опан · 23.05.2014, 11:01

У тега <audio> есть такие важные JavaScript-свойства:
duration - длительность всей песни в секундах;
currentTime - длительность уже прослушанной части песни, во время воспроизведения оно динамически меняется.
Нужно на JavaScript написать функцию, которая во время воспроизведения регулярно будет проверять, не сравнялось ли currentTime с duration, и в положительном случае изменить свойство src на слудующую песню. После этого по-новой запустить воспроизведение

@Vladislav WebDev · 23.05.2014, 15:10

Сообщение от Опан

Нужно на JavaScript написать функцию, которая во время воспроизведения регулярно будет проверять, не сравнялось ли currentTime с duration, и в положительном случае изменить свойство src на слудующую песню. После этого по-новой запустить воспроизведение

У audio есть событие ended, которые генерируется при окончании трека. Так что лучше воспользоваться им.
Federat, типо того:

Javascript

var songNum = 1; // номер трека
var audio = document.getElementById('audio');
audio.addEventListener('ended', function() {
    this.src = 'audio/some_song' + (songNum++) + '.mp3';
})

При реализации несколькими плеерами - ловим событие ended текущего плеера и запускаем событие play следующего...

@Опан · 23.05.2014, 15:58

Т. е. по-другому ещё можно так:

HTML5

1	<audio id=audio onended="this.src = 'audio/some_song' + (songNum++) + '.mp3';this.play()" controls></audio>

Действительно. До этого я в спецификациях этого не находил. Вы - гений

@Federat · 23.05.2014, 18:48 **[ТС]**

Ребята, всем огромное спасибо

@Federat 1 / 1 / 0 Регистрация: 22.05.2014 Сообщений: 28
		1
	Audio Тег 22.05.2014, 18:51. Показов 1913. Ответов 4 Метки нет (Все метки) Доброго дня Задача такая, сделал плеер, с использованием тега <audio>, теперь нужно, что бы, последовательно, воспродилось не одна, несколько композиций, как такое реализовать? Помогите, кому не сложно 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	23.05.2014, 11:01	2
	У тега <audio> есть такие важные JavaScript-свойства: duration - длительность всей песни в секундах; currentTime - длительность уже прослушанной части песни, во время воспроизведения оно динамически меняется. Нужно на JavaScript написать функцию, которая во время воспроизведения регулярно будет проверять, не сравнялось ли currentTime с duration, и в положительном случае изменить свойство src на слудующую песню. После этого по-новой запустить воспроизведение 0

@Federat 1 / 1 / 0 Регистрация: 22.05.2014 Сообщений: 28
	23.05.2014, 18:48 [ТС]	5
	Ребята, всем огромное спасибо 0