Windows 10: Bringing Web Audio to Microsoft Edge for interoperable gaming and...

Connect the Audio Nodes
Additional nodes get created by calling node specific create methods on audioContext:

Code: var micGain = audioContext.createGain(); var sourceMix = audioContext.createGain(); var visualizerInput = audioContext.createGain(); var outputGain = audioContext.createGain(); var dynComp = audioContext.createDynamicsCompressor();[/quote] Connect the Streaming Source
The streaming source is just as simple to create:
sourceMic = audioContext.createMediaStreamSource(stream);

Nodes are connected from source to processing nodes to the destination node with simple connect calls:

Code: sourceMic.connect(notchFilter); notchFilter.connect(micGain); micGain.connect(sourceMix); sourceAudio.connect(sourceMix);[/quote] Mute and Unmute
The mic and speakers have mute controls to manage situations where audio feedback happens. They are implemented by toggling the gain on nodes at the stream source and just before the AudioDestinationNode:

Code: var toggleGainState = function(elementId, elementClass, outputElement){ var ele = document.getElementById(elementId); return function(){ if (outputElement.gain.value === 0) { outputElement.gain.value = 1; ele.classList.remove(elementClass); } else { outputElement.gain.value = 0; ele.classList.add(elementClass); } }; }; var toggleSpeakerMute = toggleGainState('speakerMute', ‘button--selected', outputGain); var toggleMicMute = toggleGainState('micMute', ‘button--selected', micGain);[/quote] Apply Room Effects
Room effects are applied by loading impulse response files into a convolverNode connected in the stream path:

Code: var effects = { none: { file: 'sounds/impulse-response/trigroom.wav' }, telephone: { file: 'sounds/impulse-response/telephone.wav' }, garage: { file: 'sounds/impulse-response/parkinggarage.wav' }, muffler: { file: 'sounds/impulse-response/muffler.wav' } }; var applyEffect = function() { var effectName = document.getElementById('effectmic-controls').value; var selectedEffect = effects[effectName]; var effectFile = selectedEffect.file;[/quote] Note that we took a small liberty in using the “trigroom” environment as a surrogate for no environmental effect being applied. No offense is intended for fans of trigonometry!

Visualize the Audio Signal
Visualizations were implemented by configuring analyzerNodes for time and frequency domain data, and using the results to manipulate canvas based presentations.

Code: var drawTime = function() { requestAnimationFrame(drawTime); timeAnalyser.getByteTimeDomainData(timeDataArray); var drawFreq = function() { requestAnimationFrame(drawFreq); freqAnalyser.getByteFrequencyData(freqDataArray);[/quote] Record & Play
Recorder features use the recorder.js open source sample written by Matt Diamond, and used previously in other Web Audio based recorder demos. Live audio in the demo uses the MediaStreamAudioSource, but recorded audio is played using the MediaElementAudioSource. Gapless looping can be tested by activating the loop control during playback.

The complete code for the demo is available for your evaluation and use on GitHub.

Conclusion
There are many articles and other demos available on the web that illustrate Web Audio’s many capabilities, and provide other examples that can be run on Microsoft Edge. You can try some out on our Test Drive page at Microsoft Edge Dev:

• Flight Arcade: WebGL graphics and Web Audio sound
• Web Audio Tuner: Chromatic tuner using Web Audio
• Music Lounge: More WebGL with Web Audio

We’re eager for your feedback so we can further improve our Web Audio implementation, and meanwhile we are looking forward to seeing what you do with these new features!

– Jerry Smith, Senior Program Manager, Microsoft Edge [/quote] Source: http://blogs.windows.com/msedgedev/2...husiast-media/

:)

 

Whu does Microsoft Edge not support add-ons?

Hi

Extensions/add-ons have historically been the cause of many problems, including:

• security vulnerabilities.
• IE crashes, instability and slow performance.

Quote from here:

Microsoft Edge Dev - FAQs ,

"

Does Microsoft Edge support plug-ins or extensions?

Microsoft Edge supports viewing PDFs and Adobe Flash as built-in features, but does not support any third-party installable plug-ins. This allows us to build a more secure and more reliable browser to make the Web a safer experience for everyone. We’re working
on a new, modern extensibility model for Microsoft Edge in a future update.

Does Microsoft Edge support ActiveX controls
or BHOs like Silverlight or Java

No, ActiveX controls and BHOs such as Silverlight or Java are not supported in Microsoft Edge. The need for ActiveX controls has been significantly reduced by modern web standards, which are more interoperable across browsers. We are working on plans for
an extension model based on the modern web platform in Microsoft Edge. We look forward to sharing more details on these plans soon. Not supporting legacy controls in Microsoft Edge has a number of benefits: better interoperability with other modern browsers,
increased performance, security & reliability, and reduced code complexity, just to name a few."

IE11 was included with Windows 10 alongside Edge to allow web pages that don't work with Edge (e.g. because of no add-ons) to still be used. You can even use IE11 all the time and ignore Edge, so you are no worse off because of Edge being there.

It will be interesting to see how Edge, extensions and the web transforms in coming months/years.

 

Edge Anniversary Update

The techs at PZTtv are aware of the situation at their web sites using the Edge anniversary update and are awaiting Microsoft to apply a fix or they will fix the code themselves. Edge did not crash for me...just no audio on all their sites. Meantime, I
am using IE 11 with no issues...audio fine. Go fig!