Как сделать, чтобы в плейлисте при окончании одного трека сразу начинал проигрываться другой?

Question

[nomta]

Есть плейлист, состоящий из элементов audio, из них создаю коллекцию, перебором присваиваю eventListener :

var audios = document.getElementsByTagName('audio'), i = 0, len = audios.length;
for (; i < len; i++) {
	audios[i].addEventListener('ended', function() {
		audios[i + 1].playing();
	});
}

но этот код не работает, обработчик события не добавляется. В чем тут может быть ошибка? Или задача вообще как-то по-другому должна решаться?

Судя по консоли, создается коллекция аудио элементов, как и предполагалось, но без обработчиков событий.

Answer 1

[Алексей Скляров]

for (; i < len; i++)
У вас перед ; должно быть объявлено с какого номера i начинать цикл.

Comments

[nomta]

К сожалению, тут не в цикле дело. К примеру, такой код тоже не работает:

Array.prototype.forEach.call(audios, function(audio) {
		console.log("Элемент: ", audio);
		
	audio.addEventListener('play', function() {
		console.log("Воспроизведение...");
	});
	audio.addEventListener('ended', function() {
		console.log("Воспроизведение завершено");
	});
});

Все элементы выводятся правильно, но события к ним не добавляются.

[Алексей Скляров]

nomta: попробуйте просмотреть эти ссылки, там много вариантов решения проблемы: https://www.google.ru/search?q=addeventlistener+en...

[Kovalsky]

nomta: попробуйте другие eventы, также можете сделать пример на jsfiddle.net если хотите чтоб вам помогли.