Implement Volume

[roeilulavy]

Hello!
Love this repo!
How can I set a Volume slider () on the audioStreamer?

[StefansArya]

Hi!
Have you tried to connect the audioStreamer to GainNode?

The implementation is similar like adding effect that created from ScarletsMediaEffect:

SFMediaStream/example/group-call/browser/streamer.js

Lines 79 to 83 in 845df06

	var ppDelay = ScarletsMediaEffect.pingPongDelay();
	// source (stream) -> Ping pong delay -> destination (speaker)
	presenterStream.connect(ppDelay.input);
	ppDelay.output.connect(ScarletsMedia.audioContext.destination);

You can get the AudioContext with ScarletsMedia.audioContext.

If the AudioNode is created from audioContext you don't need to add .input or .output properties when connecting each node, and it's should be looks like below:

let gainNode = ScarletsMedia.audioContext.createGain();

// source (stream) -> GainNode -> destination (speaker) 
audioStreamer.connect(gainNode);
gainNode.connect(ScarletsMedia.audioContext.destination);

gainNode.gain.value = 0.2; // range 0~1, where 0.2 == 10%

[roeilulavy]

Thank you!
Works perfect!

[roeilulavy]

Now lets say I want to control the Equalizer parameters...
How do I do that?

[StefansArya]

To control the equalizer parameters, you can just adjust the frequency's dB value

SFMediaStream/src/Plugin/Equalizer.js

Lines 35 to 38 in 845df06

	frequency:function(frequency, dB){ // value: -20 ~ 20
	if(dB === undefined) return equalizer[frequency].gain.value;
	equalizer[frequency].gain.value = dB;
	},

And don't forget to connect each node, different connection order may give different result

let equalizer = ScarletsMediaEffect.equalizer(/* [32, 64, 125, 250, 500, 1000, 2000, 4000, 8000, 16000] */);
// 32Hz ~16KHz will be set as default frequency which you can control

// source (stream) -> Equalizer -> GainNode -> destination (speaker) 
audioStreamer.connect(equalizer.input);
equalizer.output.connect(gainNode);
gainNode.connect(ScarletsMedia.audioContext.destination);

equalizer.frequency(32, 15); // 32Hz, 15dB

[roeilulavy]

Thank you very much!!