Как реализовать на javascript простой однотонный звук (beep)?

Пользователь

от shayna.buckridge , в категории: JavaScript , 8 месяцев назад

Как реализовать на javascript простой однотонный звук (beep)?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от lamar , 8 месяцев назад

@shayna.buckridge 

Для реализации простого однотонного звука (beep) на JavaScript вы можете использовать класс Audio или AudioContext.


С использованием класса Audio:

1
2
3
4
5
6
7
function playBeep() {
  const beepSound = new Audio();
  beepSound.src = 'beep.wav'; // Укажите путь к аудиофайлу
  beepSound.play();
}

playBeep();


С использованием AudioContext:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
function playBeep() {
  const audioContext = new (window.AudioContext || window.webkitAudioContext)();
  const oscillator = audioContext.createOscillator();
  oscillator.connect(audioContext.destination);
  oscillator.type = 'square'; // Тип звука (также можно использовать 'sine', 'triangle', 'sawtooth')
  oscillator.frequency.value = 1000; // Частота звука
  oscillator.start();
  oscillator.stop(audioContext.currentTime + 0.5); // Продолжительность звука (в секундах)
}

playBeep();


Оба примера воспроизводят простой однотонный звук. В первом примере используется аудиофайл beep.wav, который должен находиться в директории вашего проекта. Во втором примере звук генерируется с помощью AudioContext и OscillatorNode, и нет необходимости в аудиофайле. Вы можете настроить частоту и продолжительность звука в этих примерах, чтобы получить нужный результат.