Почему музыка не останавливается?

Question

[Николай Ерофеев]

Вот код. Музыка воспроизводится, но когда жму на паузу, музыка все равно играет, и если жму 2 трек, воспроизводится 2 трека сразу. В чем косяк. Все выполняется в if и else а pause не хочет.

$('span.pause-play-music').on('click', function(){

	var dataInfo = $(this).attr('data-music');

	var musicIndex = $(this).parent('li').index();

	$('.music-block-info ul li').find('span.pause-play-music').attr('data-music','pause');
	$('.music-block-info ul li').find('span.pause-play-music').html('<i class="fa fa-play"></i>');

	var musicSrc = $('.music-block-info ul li').eq(musicIndex).find('audio').attr('src');

	var music = new Audio(musicSrc);

	if(dataInfo == 'pause'){

		$('.music-block-info ul li').eq(musicIndex).find('span.pause-play-music').attr('data-music','play');
		$('.music-block-info ul li').eq(musicIndex).find('span.pause-play-music').html('<i class="fa fa-pause"></i>');

		music.play();		

	}else{

		music.pause();

		$('.music-block-info ul li').eq(musicIndex).find('span.pause-play-music').attr('data-music','pause');
		$('.music-block-info ul li').eq(musicIndex).find('span.pause-play-music').html('<i class="fa fa-play"></i>');
	}

});

Answer 1

[barker]

Потому что вы при каждом нажатии кнопки создаёте новый инстанс Audio, при этом затирая ссылку на уже играющий.

Comments

[Николай Ерофеев]

не подскажите как решить эту проблему? Я сравниваю по дата атрибутам, если равен этому то воспроизводи если этому то ставь паузу. Все же логично.
music = new Audio(musicSrc);
if(dataInfo == 'pause'){
music.play();
}else{
music.pause();
}

[Николай Ерофеев]

Все спасибо, решил. new Audio() сделал глобальным

[Николай Ерофеев]

Подскажите какой метод отвечает за время трека? Длительность

[barker]

Увы, не подскажу, не помню этот api.