Я не могу перезапустить мой аудио файл - PullRequest
Новая
       41

Я не могу перезапустить мой аудио файл

0 голосов
/ 12 июня 2018

Я пытаюсь сделать пианино на своем веб-сайте, и по какой-то причине всякий раз, когда я нажимаю на заметку дважды, второй раз, кажется, всегда продолжается с первого раза (при условии, что я не держу ее полностьюдлина аудиофайла).Как сделать так, чтобы при нажатии на заметку более одного раза аудиофайл перезапускался каждый раз (учтите, что я новичок в JavaScript). 

var C3 = new Audio();
C3.src = "assets/music/C3.mp3";
div.w{
	height: 282px;
	width: 59px;
    position: absolute;
	border-style:solid;
	border-width:3px;
}

div.b{
	height: 141px;
	width: 29.5px;
	position: absolute;
	background-color: #000000;
}
<div class="w" id="C3" type="button" 
onmousedown="C3.play();document.getElementById('C3').style.backgroundColor='#cecece'"
onmouseup="C3.pause();document.getElementById('C3').style.backgroundColor='#ffffff'" 
onmouseleave="C3.pause();document.getElementById('C3').style.backgroundColor='#ffffff'">
</div>

1 Ответ

0 голосов
/ 12 июня 2018

Вам нужно сбросить currentTime на 0: 

var C3 = new Audio();
C3.src = "http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga";
div.w{
	height: 282px;
	width: 59px;
    position: absolute;
	border-style:solid;
	border-width:3px;
}

div.b{
	height: 141px;
	width: 29.5px;
	position: absolute;
	background-color: #000000;
}
<div class="w" id="C3" type="button" 
onmousedown="C3.play();document.getElementById('C3').style.backgroundColor='#cecece'"
onmouseup="C3.pause();C3.currentTime = 0;document.getElementById('C3').style.backgroundColor='#ffffff'"
>
</div>
...