Остановка текущего трека при запуске нового как осуществить

@outZoNe · Регистрация: 18.02.2014

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

Народ у меня есть код php который выводит все mp3 файлы из папки на страницу в виде списка но проблема в том когда я запускаю новый файл старый продолжает играть как это исправить

PHP

<?php //отсеивание
    $dir = "MP3 PLAYER/";   //задаём имя директории
    if(is_dir($dir)) {   //проверяем наличие директории
         echo $dir.'<br>'; 
         $files = scandir($dir);    //сканируем (получаем массив файлов)
         array_shift($files); // удаляем из массива '.'
         array_shift($files); // удаляем из массива '..'
         for($i=0; $i<sizeof($files); $i++) echo '<center>'.$files[$i].'<br>
<object id="audioplayer" type="application/x-shockwave-flash" data="/player.swf" width="600" height="30">
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<param name="menu" value="true" /> 
<param name="audio" value="'.$dir.$files[$i].'" />
<param name="flashvars" value="comment=$ENTRY_TITLE$&st=/audio189-339.txt&file='.$dir.$files[$i].'" />
</object>
</center><br>';
} 
    else echo $dir.' -такой директории нет;<br>';
?>

@nokados · 05.03.2014, 21:46

А почему JS?
Здесь вроде как флеш нужен.
Js в html5 может музыку, кстати, проигрывать, и там удобно ставить паузу и т.п. И в некоторых браузерах (как минимум в хроме) есть встроенный аудиопроигрыватель.

@outZoNe · 06.03.2014, 17:28 **[ТС]**

nokados, простите а можно поподробнее рассказать как мне это сделать кстати я использую flash проигрыватель на сайте но я не знаю как сделать что бы была пауза они оба одновременно играют а как это исправить я не знаю

@nokados · 06.03.2014, 19:31

Я знаю, как сделать через html5 - вот.
Через flash точно не знаю. Возможно стоит погуглить "пауза музыки actionscript". Ну или дайте код проигрывателя - авось что-нибудь там найдем.

@outZoNe · 06.03.2014, 20:05 **[ТС]**

nokados, Ну я не совсем понял что за код проигрывателя но если вы о плеере то я сделал его на uppod просто там наприсовал какой нужен скачал и подключил к сайту и все смысле в том что у меня в папке лежит куча mp3 файлов а этот код выводит их на страницу в виде списка но проблема в том что когда играет один трек и я включаю другой то они оба играют одновременно и я не знаю как это убрать.

Добавлено через 5 минут
Я сделал как вы посоветывали на html5 но результат получился тот же

PHP

<?php //отсеивание
    $dir = "MP3 PLAYER/";   //задаём имя директории
    if(is_dir($dir)) {   //проверяем наличие директории
         echo $dir.'<br>'; 
         $files = scandir($dir);    //сканируем (получаем массив файлов)
         array_shift($files); // удаляем из массива '.'
         array_shift($files); // удаляем из массива '..'
         for($i=0; $i<sizeof($files); $i++) echo '<audio src="'.$dir.$files[$i].'"controls></audio>';
 
} 
    else echo $dir.' -такой директории нет;<br>';
?>

@nokados · 06.03.2014, 20:32

Нужно ставить на паузу запущенный файл.
Чтобы отслеживать все мелодии добавим им класс в выводе:

PHP

1	for($i=0; $i<sizeof($files); $i++) echo '<audio class="music" src="'.$dir.$files[$i].'"controls></audio>';

Потом на js отслеживаем запуск нового файла. Если запустили новый, то ставим предыдущий на паузу;

Javascript

var playedMusic= null,
     music=document.getElementByClassName('music');
for (var k in music)
{
    music[k].onplay=function()
    {
        if(playedMusic!==null)
            playedMusic.pause();
        playedMusic=this;
    }
}

@outZoNe · 06.03.2014, 20:45 **[ТС]**

Опять тот же эффект или это я тупой))) вот я так сделал:

Остановка текущего трека при запуске нового как осуществить

@nokados · 06.03.2014, 20:58

а если обернуть весь js код в windows.onload=function(){/*сюда код*/} ?

Добавлено через 6 минут
А все я нашел ошибку. Должно быть не getElementByClassName
а getElementsByClassName

@outZoNe · 06.03.2014, 21:14 **[ТС]**

nokados, Да я сделал как вы сказали:

, но все равно то же самое я вот думаю может мне надо задавать как то каждому плееру свой id но я не знаю как это сделать так как у меня все файлы из папке находятся в одном массиве а не как отдельные ссылки а в js я очень очень очень плох(((

@nokados · 06.03.2014, 21:52

Сообщение от nokados

Должно быть не getElementByClassName
а getElementsByClassName

если вы скрипт ставите после кода, то windows onload по сути не нужен. Код не работал, потому что в нем была орфографическая ошибка. Исправьте

Javascript

1	music=document.getElementByClassName('music');

на

Javascript

1	music=document.getElementsByClassName('music');

Добавлено через 45 секунд
's' появляется

@outZoNe · 06.03.2014, 21:56 **[ТС]**

ода nokados, спасибо вам ограмейнешое вы просто спасли мне жизнь я уже начал с ума сходить думал не сделаю никогда

Добавлено через 1 минуту
ой простите за мою надоедливость а можно еще так сделать что бы они играли еще и последовательно ну то есть один закончился начался другой если я вам надоел можете не отвечать мне в принцепи не обязательно)

@nokados · 06.03.2014, 22:17

1) Не за что извиняться.
2) Замените ваш скрипт на этот:

Javascript

var playedMusic= null,
            music=document.getElementsByClassName('music');
for (var k in music)
{
    if(typeof music[k]==='object')
    {
        music[k].next=(parseInt(k)+1<music.length)?parseInt(k)+1:0;
        music[k].onplay=function()
        {
            if(playedMusic!==null)
                playedMusic.pause();
            playedMusic=this;
        };
        music[k].onended=function(){
            music[this.next].play();
        };
    }
}

@romchiksoad · 07.03.2014, 00:08

Комментарий модератора

outZoNe, на будущее: если хотите добавить в пост картинку - загружайте ее на форум; если хотите показать код, то копируйте его, вставляет в текст сообщения и выделяйте соответствующми тегами подсветки синтаксиса.

@outZoNe · 07.03.2014, 11:57 **[ТС]**

nokados, Спасибо большое вы мне очень помогли. А можно такой вопрос по теории этот html5 ну тоесть этот плеер будет одинаковый во всех браузерах или в каждом свой вот например у меня google chrom там я так понимаю этот плеер:
Название: ac61142d58675c4b31171bd66c8df3b1.png
Просмотров: 71

Размер: 3.7 Кб

Название: ac61142d58675c4b31171bd66c8df3b1.png
Просмотров: 71

Размер: 3.7 Кб

а например в mozille будет все по другому работать и отображаться?

Добавлено через 4 минуты
romchiksoad, простите но я не нашел как и куда загружать картинки а с кодом спасибо я разобрался

Комментарий модератора

Прикрепляйте файлы и изображения к сообщениям.
https://www.cyberforum.ru/abou... post594251

@romchiksoad · 07.03.2014, 13:22

Не по теме:

outZoNe, под полем ввода сообщений есть ссылки на инструкции по пользованию редактором и BB-кодам в общем ;)

@nokados · 07.03.2014, 14:54

Плееры похожи, но не одинаковы. Мазила -

Opera -

В опере, кстати, скрипт не работает. Возможно, не поддерживается mp3

@outZoNe · 07.03.2014, 14:56 **[ТС]**

nokados, Косяк тогда получается свой swf плеер я уже сюда ни как не смогу прикрутить так как это html5?

@nokados · 07.03.2014, 14:58

Конечно сможете. Html5 совместим с четвертым. Можно прописать условие, когда показывать swf-плеер, а когда html5.

@outZoNe · 07.03.2014, 15:07 **[ТС]**

nokados, Я так понимаю я должен это сделать через js например так

Javascript

1	<script type="text/javascript" src="/player.swf"></script>

Добавлено через 2 минуты
да и так тоже не сработало

PHP/HTML

1	<object data="player.swf" width="600" height="30"><audio class="music" src="'.$dir.$files[$i].'"controls></audio></object></font>

@nokados · 07.03.2014, 16:07

Ваш плеер нужно подключать так же, как и раньше. У вас сейчас есть два плеера: на flash и на html5

Остановка текущего трека при запуске нового как осуществить

Решение

Решение

@nokados 27 / 27 / 9 Регистрация: 30.04.2012 Сообщений: 132
	05.03.2014, 21:46	2
	Сообщение было отмечено outZoNe как решение Решение А почему JS? Здесь вроде как флеш нужен. Js в html5 может музыку, кстати, проигрывать, и там удобно ставить паузу и т.п. И в некоторых браузерах (как минимум в хроме) есть встроенный аудиопроигрыватель. 1

@outZoNe 8 / 5 / 4 Регистрация: 18.02.2014 Сообщений: 409
	06.03.2014, 17:28 [ТС]	3
	nokados, простите а можно поподробнее рассказать как мне это сделать кстати я использую flash проигрыватель на сайте но я не знаю как сделать что бы была пауза они оба одновременно играют а как это исправить я не знаю 0

@nokados 27 / 27 / 9 Регистрация: 30.04.2012 Сообщений: 132
	06.03.2014, 19:31	4
	Сообщение было отмечено outZoNe как решение Решение Я знаю, как сделать через html5 - вот. Через flash точно не знаю. Возможно стоит погуглить "пауза музыки actionscript". Ну или дайте код проигрывателя - авось что-нибудь там найдем. 1

@outZoNe 8 / 5 / 4 Регистрация: 18.02.2014 Сообщений: 409
	06.03.2014, 20:45 [ТС]	7
	Опять тот же эффект или это я тупой))) вот я так сделал: 0

@nokados 27 / 27 / 9 Регистрация: 30.04.2012 Сообщений: 132
	06.03.2014, 20:58	8
	а если обернуть весь js код в windows.onload=function(){/сюда код/} ? Добавлено через 6 минут А все я нашел ошибку. Должно быть не getElementByClassName а getElementsByClassName 1

@outZoNe 8 / 5 / 4 Регистрация: 18.02.2014 Сообщений: 409
	06.03.2014, 21:14 [ТС]	9
	nokados, Да я сделал как вы сказали: , но все равно то же самое я вот думаю может мне надо задавать как то каждому плееру свой id но я не знаю как это сделать так как у меня все файлы из папке находятся в одном массиве а не как отдельные ссылки а в js я очень очень очень плох((( 0

@outZoNe 8 / 5 / 4 Регистрация: 18.02.2014 Сообщений: 409
	06.03.2014, 21:56 [ТС]	11
	ода nokados, спасибо вам ограмейнешое вы просто спасли мне жизнь я уже начал с ума сходить думал не сделаю никогда Добавлено через 1 минуту ой простите за мою надоедливость а можно еще так сделать что бы они играли еще и последовательно ну то есть один закончился начался другой если я вам надоел можете не отвечать мне в принцепи не обязательно) 0

@romchiksoad
	07.03.2014, 13:22 #15
	Не по теме: outZoNe, под полем ввода сообщений есть ссылки на инструкции по пользованию редактором и BB-кодам в общем ;) 0

@nokados 27 / 27 / 9 Регистрация: 30.04.2012 Сообщений: 132
	07.03.2014, 14:54	16
	Плееры похожи, но не одинаковы. Мазила - Opera - В опере, кстати, скрипт не работает. Возможно, не поддерживается mp3 1

@outZoNe 8 / 5 / 4 Регистрация: 18.02.2014 Сообщений: 409
	07.03.2014, 14:56 [ТС]	17
	nokados, Косяк тогда получается свой swf плеер я уже сюда ни как не смогу прикрутить так как это html5? 0

@nokados 27 / 27 / 9 Регистрация: 30.04.2012 Сообщений: 132
	07.03.2014, 14:58	18
	Конечно сможете. Html5 совместим с четвертым. Можно прописать условие, когда показывать swf-плеер, а когда html5. 1

@nokados 27 / 27 / 9 Регистрация: 30.04.2012 Сообщений: 132
	07.03.2014, 16:07	20
	Ваш плеер нужно подключать так же, как и раньше. У вас сейчас есть два плеера: на flash и на html5 1