Звук при зажатии кнопки JavaScript

Привет сегодня у OpenAI проблемы с ChatGPT 3.5 по этому обращаюсь к вам, я хочу создать приложение где можно брать разные звуки и воспроизводить их, типо нажал на кнопку и пока не отпустил(зожал) звук будет воспроизводиться.

Зажал кнопку = ЗВУК Нажал кнопку = Звук

И это всё на HTML JAVASCRIPT


Ответы (1 шт):

Автор решения: Опан

По-быстрому набросал, может не совсем совершенный пример.

const audio = new Audio("https://mysynthesizer.github.io/index.hetemeel/doremi.mp3");
const buttons = document.querySelectorAll("button");
for(i = 0; i < buttons.length; i ++){
    buttons[i].id = i;
    buttons[i].onpointerdown = function(){
        let myid = this.id;
        audio.currentTime = myid;
        audio.play();
        setTimeout(function(){
            audio.pause();
        }, 1000);
    }
    buttons[i].onpointerup = function(){
        audio.pause();
    }
}
<button> До </button>
<button> Ре </button>
<button> Ми </button>

→ Ссылка