Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вопрос : Скрипт Аудиозаписи на Java Script (https://javascript.ru/forum/dom-window/53047-vopros-skript-audiozapisi-na-java-script.html)

0лег 18.01.2015 23:45

Вопрос : Скрипт Аудиозаписи на Java Script
 
Здравствуйте друзья, такой вопрос, нужен скрипт аудиозаписей на .js

Нужно чтобы 3 аудиозаписи шли по кругу одна за другой циклично, как этого добиться? Работает только первая аудиозапись :

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

Раздел head :
<script type="text/javascript">

function play() {
playerOne = document.getElementById('player1');
playerTwo = document.getElementById('player2');
playerThree = document.getElementById('player3');

playerOne.play();
playerOne.addEventListener('ended', function()
{
this.currentTime = 0;
this.pause();
playerTwo.play();
playerTwo.addEventListener('ended', function()
{
this.currentTime = 0;
this.pause();
playerThree.play();
playerThree.addEventListener('ended', function()
{
playerOne.play();
}, false );
}, false );
}, false );
}
</script>

Это в разделе Body:
<audio id="player1" controls preload>
<source src="file/ss_1_music.mp3" type="audio/mpeg" />
Обновите версию браузера! Нету поддержки HTML5.
</audio>
<audio id="player2" controls preload>
<source src="file/ss_2_music.mp3" type="audio/mpeg" />
Обновите версию браузера! Нету поддержки HTML5.
</audio>
<audio id="player3" controls preload>
<source src="file/ss_3_music.mp3" type="audio/mpeg" />
Обновите версию браузера! Нету поддержки HTML5.
</audio>

Cама кнопка (1ая работает только нет паузы при двойном нажатии) :
Остальные не прописаны.
<div class="music1">
<button onclick="play()">Play</button>
<button onclick=".pause()">Pause</button>
<button onclick="document.getElementById('player1', 'player2','player3').volume+=0.1">Громкост ь +</button>
<button onclick="document.getElementById'player1', 'player2','player3').volume-=0.1">Громкость -</button>
</div>

Набросок кнопки Pause (не работает)

<script type="text/javascript">

function pause() {
playerOne = document.getElementById('player1');
playerTwo = document.getElementById('player2');
playerThree = document.getElementById('player3');

playerOne.pause();
playerTwo.pause();
playerThree.pause();
}, false );
}, false );
}, false );
}
</script>

P.S: зеленый кодер, не судите строго :help:

Noobloid 19.01.2015 01:16

помоему тут чего-то не хватает:
function pause() {
playerOne = document.getElementById('player1');
playerTwo = document.getElementById('player2');
playerThree = document.getElementById('player3');

playerOne.pause();
playerTwo.pause();
playerThree.pause();
}, false );
}, false );
}, false );
}

проверь код откуда копировал, это только кусок кода

0лег 19.01.2015 01:25

Ответ на фрагмент пауза
 
Я знаю что не хватает, я сам писал про паузу, не знаю как написать, остальное мне помогли, в идеале должно быть 1 кнопка плей которая при втором клике ставит паузу, а при еще одном клике воспроизведение


Часовой пояс GMT +3, время: 11:45.