Функция Audio Stop с JS - PullRequest
Новая
       1

Функция Audio Stop с JS

0 голосов
/ 01 апреля 2019

Я пытался сделать кнопку остановки для деки, которую я делал, однако, Консоль продолжает говорить, что Uncaught TypeError: audio.pause is not a function at Stop (test2.html:205) at HTMLButtonElement.onclick (test2.html:113), хотя я определил audio.(Я вырезал много ненужных строк)

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

<html>
<head>
</head>
<button onclick="Kommunizm()">Kommunizm</button>
<button onclick="Lenin()">Lenin</button>
<button onclick="OurGame()">Our Game</button>
<button onclick="USSR()">USSR</button>
<button onclick="Stop()">Stop (But do you really want to?)</button>
<button id="About">About</button>

<script>
var audio;
var music = [
"Soviet_Union_national_anthem_(instrumental),_1977.oga",
"Internationale_orchestral_arrangement.ogg",
"Korobeiniki.ogg",
"y2mate.com - ussr_ymca_parody_YV2WuSJ9GcA_320kbps.ogg"
];

//Now why is this disobeying my command?
function Stop() {
for (i=0;i<music.length;i++){
audio = "audio" + i; 
audio.pause();
audio.currentTime = 0;
}
}

function Kommunizm(){
audio0 = new Audio(music[0]);
audio0.play();
}

function Lenin(){
audio1 = new Audio(music[1]);
audio1.play();
}

function OurGame(){
audio2 = new Audio(music[2]);
audio2.play();
}

function USSR(){
audio3 = new Audio(music[3]);
audio3.play();
}
</script>
</body>
</html>

1 Ответ

0 голосов
/ 02 апреля 2019

Основываясь на моих комментариях, я собрал этот быстрый пример общей звуковой платы, которая построена из некоторого JSON. Это должно соответствовать всем вашим требованиям и облегчить вашу жизнь в будущем. Если вы не понимаете, как или почему что-то работает, дайте мне знать, и я немного об этом расскажу. 

const sounds = [
	{name: 'Kommunizm', location: 'Soviet_Union_national_anthem_(instrumental),_1977.oga'},
  {name: 'Lenin', location: 'Internationale_orchestral_arrangement.ogg'},
  {name: 'OurGame', location: 'Korobeiniki.ogg'},
  {name: 'USSR', location: 'y2mate.com - ussr_ymca_parody_YV2WuSJ9GcA_320kbps.ogg'}
];

const container = document.getElementById('button_container');
sounds.forEach(function(sound){
	let btn = document.createElement('button');
  btn.setAttribute('type', 'button')
  btn.setAttribute('data-source', sound.location);
  btn.setAttribute('data-name', sound.name);
  btn.innerHTML = sound.name;
  btn.addEventListener("click", playSound)
  container.appendChild(btn)
  
  let audio = document.createElement('audio');
  audio.setAttribute('id', sound.name);
  audio.setAttribute('autoplay', false);
  audio.setAttribute('src', sound.location);
  container.appendChild(audio);
});

function stop(){
  [].forEach.call(document.querySelectorAll('audio'), function(aud) {
    aud.stop();
  });
}

function playSound(){
	let player = document.getElementById(this.getAttribute('data-name'));
  if (player)
  	player.play();
}
<div id="button_container">

</div>
<button type="button" onclick="stop">
Stop All Sounds
</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...