Как остановить все проигрываемые композиции в wavesurfer js?

Question

[maragon]

Использую wavesurfer js для генерации графиков для аудио файлов.
Вывожу всё это дело примерно так:
{foreach}
... плеер
{/foreach}


Всё работает, но, если на странице более 1 плеера, при запуске 1го всё отлично, запускаю второй - он проигрывается совместно с первым.
Нужно как-то остановить все плееры и проигрывать именно тот, который хочу прослушать. Может кто сталкивался..

Comments

[Andrew]

К чему он подвязан? как инициализируется? Вешаете each'ом событие на все контейнеры?
Код, нужен код.

[maragon]

$.each($(".player"), function(i, el){
				var waveform_src = $(el).data("waveform-src"),
				waveform_id = $(el).data("waveform-id"),
				waveform_peaks = $(el).data("waveform-peaks"),

				formatTime = function (time) {
					return [
					Math.floor((time % 3600) / 60),
					('00' + Math.floor(time % 60)).slice(-2)
					].join(':');
				};

				var wavesurfer = WaveSurfer.create({
					container: '#waveform-'+waveform_id,
					waveColor: '#C943FC',
					progressColor: '#f1f1f1',
					barWidth : 3,
					height: 100,
					cursorWidth: 3,
					hideScrollbar: true
				});
                                
                                //waveform_peaks пока не используется
				wavesurfer.load(waveform_src);

				wavesurfer.on("ready", function(){

					$(el).find(".player__mute").on("click", function(){
						$(this).toggleClass("text-error");
						wavesurfer.toggleMute(); 
					});

					$(el).find(".player__play").on("click", function(){
						wavesurfer.unAll("stop"); 
						wavesurfer.playPause(); 
						$(this).find("span").toggleClass('ion-md-play ion-md-pause');
					});

					$(el).find("input[type=range]").on("change", function(){
						var volume = $(this).val();
						wavesurfer.setVolume(volume);
					});

					var timer = $(el).find(".player__time span");

					wavesurfer.on('audioprocess', function () {
						timer.text(formatTime(wavesurfer.getCurrentTime()));
					});

					wavesurfer.on('ready', function () {
						timer.text(formatTime(wavesurfer.getDuration()));
					});

				});
				
			});

[maragon]

Andrew, выше описал :)

[Andrew]

maragon, наверняка, проблема где-то

$(el).find(".player__play").on("click", function(){
            wavesurfer.unAll("stop"); 
            wavesurfer.playPause(); //Тут
            $(this).find("span").toggleClass('ion-md-play ion-md-pause');
          });

"wavesurfer" обрабатывается как все экземпляры( ну или один глобальный, навешенный на все контейнеры), попробуйте инициализировать его не each'ом, а два раза, для двух разных контейнеров в скрипте( то есть .create 2 раза, для двух разных контейнеров), если всё ок будет, то проблема была в этом, если нет, то чет с плагином.