Я хотел бы создать веб-приложение, поддерживающее альтернативные системы настройки клавиатуры.В идеале, когда вы нажимаете одну из клавиш на клавиатуре, звуковой сигнал будет продолжаться до тех пор, пока пользователь снова не нажмет клавишу.В настоящее время он воспроизводит 30-секундный аудиоклип.Если бы я мог автоматически зациклить звук, я мог бы использовать намного более короткие звуковые клипы и сэкономить место!
Вот кодовая ручка для одного из ключей: https://codepen.io/bmoric/pen/bmdPax
<!DOCTYPE html>
<html>
<head>
<style>
/////////
</style>
<script>
function play288() {
var audio = document.getElementById('audioD');
var text = document.getElementById('play288');
if (audio.paused) {
audio.play();
document.getElementById("play288").style.boxShadow = "inset 3px 3px 5px rgba(0,0,0,.5)";
document.getElementById("play288").style.textShadow = "3px 3px 5px rgba(0,0,0,.5)";
}
else {
audio.pause();
audio.currentTime = 0;
document.getElementById("play288").style.boxShadow = "inset 0px 0px 0px rgba(0,0,0,0)";
document.getElementById("play288").style.textShadow = "0px 0px 0px rgba(0,0,0,.5)";
}
}
</script>
</head>
<body>
<h3 style="color:white;">Perfect 5th Interval Scale</h3>
<audio src="https://webdevgeometrics.com/wp-content/uploads/2018/10/D.288Hz.ogg" id="audioD"></audio>
<div id="play288" onclick="play288()" class="key">D 288Hz</div>
</body>
</html>