CODEWITHSUNDEEP
javascriptaudiojavascript-oscillator
Stardust
Stardust

Reputation: 1029

Changing volume of oscillator in JavaScript?

I have created a oscillator (as shown below), like MDN said:

// from : https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API

var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
var oscillator = audioCtx.createOscillator();
var gainNode = audioCtx.createGain();
oscillator.connect(gainNode);
gainNode.connect(audioCtx.destination);
oscillator.type = 'sine'; // sine wave — other values are 'square', 'sawtooth', 'triangle' and 'custom'
oscillator.frequency.value = 2500; // value in hertz
oscillator.start();

Is there a method to change the volume, like I changed the frequency value?

Upvotes: 3

Views: 2243

Answers (2)

pollaris
pollaris

Reputation: 1321

You can get a variable frequency control with a slider that controls the output frequency:

document.getElementById('slider99').addEventListener('input', slider99change, false);
function slider99change(e) {
    var x = document.getElementById("slider99");
    var s = x.value.toString();
    oz.frequency.value = s;
}

Your oscillator is defined globally elsewhere:

var ozcontext = new (window.AudioContext || window.webkitAudioContext)();
var oz = ozcontext.createOscillator();
var gainNode = ozcontext.createGain();
oz.connect(gainNode);
gainNode.connect(ozcontext.destination);
gainNode.gain.value = 0;
oz.type = 'sine';
oz.frequency.value = 440;
oz.start();

Upvotes: 1

srinivash
srinivash

Reputation: 1

You need to look at modifying the audioContext and gainNode for volume changes. Following link might help:

https://github.com/mdn/voice-change-o-matic/blob/gh-pages/scripts/app.js

Upvotes: 0

Related Questions