g200kg / waapisim Goto Github PK

Web Audio API Simulator for Firefox/MSIE/Opera

JavaScript 100.00%

waapisim's Introduction

WAAPISim : Web Audio API Simulator

WAAPISim is a 'WebAudioAPI' polyfill fallbacking to the 'Audio Data API', or Flash.
In addition, even in WebAudio API ready browsers, add some latest method name for node-creation and start/stop if the browser does not support these method name.

WAAPISim automatically check the availability of APIs:
WebAudioAPI => AudioDataAPI => Flash

Chrome : WebAudioAPI is supported. WAAPISim do nothing.
Safari (include iOS) : WebAudioAPI is supported but old method name is used. WAAPISim add new method name for node-creation, start/stop and setTargetAtTime.
Firefox : Simulate using AudioDataAPI
Opera : Simulate using Flash
MSIE : Simulate using Flash. Float32Array is assigned to normal Array(IE9).

For more detail: http://www.g200kg.com/docs/waapisim/

WebAudioSynth running on MSIE

Some Links of Test-pages

Try these pages with Firefox/Opera or MSIE.

Node test (Oscillator/ScriptProcessor/BiquadFilter/WaveShaper/Panner/Analyser)
Compressor test
AudioParam Automation test
ChannelSplitter/ChannelMerger test
Oscillator custom waveform test

Shiny Happy MIDI Drum Machine (MIDIDrums) (by Chris Wilson + (Chris Rogers and Ken Moore)) with WAAPISim
http://g200kg.github.com/MIDIDrums/ forked from https://github.com/cwilso/MIDIDrums

WebAudioSynth (by aike) with WAAPISim
http://g200kg.github.com/webaudiosynth/ forked from https://github.com/aike/webaudiosynth

Current Status

Support : OscillatorNode / ChannelSplitterNode / ChannelMergerNode / AudioBufferSourceNode / WaveShaperNode / AnalyserNode / GainNode / BiquadFilterNode / DelayNode / DynamicsCompressorNode / PannerNode / ScriptProcessorNode / ConvolverNode
Not Support : MediaElementAudioSourceNode / MediaStreamAudioSourceNode / MediaStreamAudioDestinationNode / OfflineAudioCOntext
ConvolverNode : By performance reason, convolution is executed for only IR's first 1000 samples. Sebsequent part will be replaced as simple delays.
PannerNode : Simplified. Listener position should stay default. Source positions are interpreted as x-z 2d coordinate.
ScriptProcessorNode : Input buffer size should be 1024 and under (No limitation if use output only)
DynamicsCompressorNode : A little different characteristics from Chrome's implements.
Number of channels in each nodes should be 1 (mono) or 2(stereo)
createBuffer from ArrayBuffer and decodeAudioData supports only wav format.
k-rate AudioParam controls are executed only per 1024 samples frequency. a-rate AudioParams are controlled by sample.

Usage

Load the 'waapisim.js' before using the Web Audio API functions in your script.

<script type="text/javascript" src="waapisim.js"></script> or <script type="text/javascript" src="waapisim.min.js"></script>

To enable fallbacking to Flash, place the 'waapisim.swf' file to same folder as 'waapisim.js'.

Options

These lines should be specified before loading the 'waapisim.js'

<script type="text/javascript">waapisimLogEnable=1;</script>
Enable internal log info to console.

<script type="text/javascript">waapisimForceSim=1;</script>
Enable WAAPISim even if native WebAudioAPI is available.

<script type="text/javascript">waapisimForceSimWhenNotWebkit=1;</script>
Force enable WAAPISim when non-webkit browser.

some versions of Firefox have WebAudioAPI interfaces but not implemented completely (e.g. custom waveforms). Some apps may work better on Firefox with this flag.

<script type="text/javascript">waapisimForceSimWhenLackOsc=0;</script>
Disable WAAPISim if native WebAudioAPI is available even lacking oscillator function (means Firefox 23). This flag is default on (=1).

FIrefox 23 or ealier 's WebAudioAPI (need about:config flag setting) is very tentative. In default, WAAPISim ignore this version of WebAudoAPI.

License

Modified by Loguehttp://logue.be

Released under the MIT License

waapisim's People

Contributors

Stargazers

Watchers

Forkers

signpostmarv amitayd osuushi ben-x9 imclab mcanthony justinr1234 logue shalwaban diverc dickymirrors

waapisim's Issues

oscillator.frequency.setValueAtTime

This produces a completely different result than using the webkit audio API :(

[enhancement] Add missing bower.json.

Hey, maintainer(s) of g200kg/WAAPISim!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library g200kg/WAAPISim is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "g200kg/WAAPISim",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

AudioBuffer の各 channel に直接値を代入すると鳴らないかノイズが走る

もう IE 以外のほとんどのブラウザで Web Audio API が使えるので、WAAPISim のサポートをされていないかもしれませんが、自分としては IE10~11 でも Web Audio API が使えるようになって欲しいと思っていますので報告させてください。

例えば以下の様なコードを書いた場合、IE10 では音がなりませんでした。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>AudioBuffer Test</title>

    <script src="js/waapisim.js"></script>
</head>
<body>

    <button id="play">play</button>

    <script>
(function() {

    // make white noize buffer
    var ctx = new (window.AudioContext || window.webkitAudioContext)();
    var audioBuffer = ctx.createBuffer(2, ctx.sampleRate * 2, ctx.sampleRate);

    for(var c=0; c<2; ++c) {
        var buffering = audioBuffer.getChannelData(c);
        for(var i=0; i<ctx.sampleRate * 2; ++i) {
            buffering[i] = Math.random() * 2 -1;
        }
    }

    // play
    document.getElementById("play").onclick = function() {
        var source = ctx.createBufferSource();
        source.buffer = audioBuffer;
        source.connect(ctx.destination);
        source.start();
    };

})();
    </script>

</body>
</html>

もしよろしければ、修正をお願いします。

Problem with the flash fallback (using IE11)

Hi,

I'm using the module, which is great - thanks alot for the work!
I have an issue using it in IE, while in chrome - the same code works perfect.
this is my code:

onMoreData(data) {
var typedArray = new Float32Array(data);
var myArrayBuffer = this.context.createBuffer(2, typedArray.length / 2, 44100);
var channel_1, channel_2;
if (typedArray.slice) {
channel_1 = typedArray.slice(0, typedArray.length / 2);
channel_2 = typedArray.slice(typedArray.length / 2);
} else {
channel_1 = typedArray.subarray(0, typedArray.length / 2);
channel_2 = typedArray.subarray(typedArray.length / 2);
}
myArrayBuffer.getChannelData(0).set(channel_1);
myArrayBuffer.getChannelData(1).set(channel_2);
const source = this.context.createBufferSource();
source.buffer = myArrayBuffer;
source.connect(this.context.destination);
source.start(this.startTime);
}

The input is received on the wire as a single buffer of floats, RRRRRRLLLLLLLL, sample rate of 44100, raw PCM data, 1024 sampled each time, 2 channels.

So as i said, when using the waapisim in IE - it sounds very bad... any idea what i'm doing wrong?

Thanks alot for your help

A few HTML element mispellings in Web Audio API Node Test (nodetest.html)

These two misspellings are causing rendering problems for me:

BPF (replace optoin with option)

(replace positoin with position)