webkitAudioContext에서 이주하기

// 오래된 메서드명들
var gain = context.createGainNode();
var delay = context.createDelayNode();
var js = context.createJavascriptNode(1024);

// 새로운 메서드명들
var gain = context.createGain();
var delay = context.createDelay();
var js = context.createScriptProcessor(1024);

var osc = context.createOscillator();
osc.noteOn(1);
osc.noteOff(1.5);

var src = context.createBufferSource();
src.noteGrainOn(1, 0.25);
src.noteOff(2);

var osc = context.createOscillator();
osc.start(1);
osc.stop(1.5);

var src = context.createBufferSource();
src.start(1, 0.25);
src.stop(2);

var xhr = new XMLHttpRequest();
xhr.open("GET", "/path/to/audio.ogg", true);
xhr.responseType = "arraybuffer";
xhr.send();
xhr.onload = function () {
  var decodedBuffer = context.createBuffer(xhr.response, false);
  if (decodedBuffer) {
    // 디코딩은 성공적이었습니다, 오디오 버퍼로 무언가 유용한 걸 하십시오
  } else {
    alert("오디오 버퍼 디코딩 실패");
  }
};

var xhr = new XMLHttpRequest();
xhr.open("GET", "/path/to/audio.ogg", true);
xhr.responseType = "arraybuffer";
xhr.send();
xhr.onload = function () {
  context.decodeAudioData(
    xhr.response,
    function onSuccess(decodedBuffer) {
      // 디코딩은 성공적이었습니다, 오디오 버퍼로 무언가 유용한 걸 하십시오
    },
    function onFailure() {
      alert("오디오 버퍼 디코딩 실패");
    },
  );
};

var gainNode = context.createGain();
gainNode.gain.setTargetValueAtTime(0.0, 10.0, 1.0);

var gainNode = context.createGain();
gainNode.gain.setTargetAtTime(0.0, 10.0, 1.0);

// 오래된 webkitAudioContext 코드:
var osc = context.createOscillator();
osc.type = osc.SINE; // sine 파형
osc.type = osc.SQUARE; // square 파형
osc.type = osc.SAWTOOTH; // sawtooth 파형
osc.type = osc.TRIANGLE; // triangle 파형
osc.setWaveTable(table);
var isCustom = osc.type == osc.CUSTOM; // isCustom은 true일 것입니다

// 새로운 표준 AudioContext 코드:
var osc = context.createOscillator();
osc.type = "sine"; // sine 파형
osc.type = "square"; // square 파형
osc.type = "sawtooth"; // sawtooth 파형
osc.type = "triangle"; // triangle 파형
osc.setPeriodicWave(table); // 참고: setWaveTable은 setPeriodicWave로 이름이 바뀌었습니다!
var isCustom = osc.type == "custom"; // isCustom은 true일 것입니다

// 오래된 webkitAudioContext 코드:
var filter = context.createBiquadFilter();
filter.type = filter.LOWPASS; // lowpass 필터
filter.type = filter.HIGHPASS; // highpass 필터
filter.type = filter.BANDPASS; // bandpass 필터
filter.type = filter.LOWSHELF; // lowshelf 필터
filter.type = filter.HIGHSHELF; // highshelf 필터
filter.type = filter.PEAKING; // peaking 필터
filter.type = filter.NOTCH; // notch 필터
filter.type = filter.ALLPASS; // allpass 필터

// 새로운 표준 AudioContext 코드:
var filter = context.createBiquadFilter();
filter.type = "lowpass"; // lowpass 필터
filter.type = "highpass"; // highpass 필터
filter.type = "bandpass"; // bandpass 필터
filter.type = "lowshelf"; // lowshelf 필터
filter.type = "highshelf"; // highshelf 필터
filter.type = "peaking"; // peaking 필터
filter.type = "notch"; // notch 필터
filter.type = "allpass"; // allpass 필터

// 오래된 webkitAudioContext 코드:
var panner = context.createPanner();
panner.panningModel = panner.EQUALPOWER; // equalpower 패닝
panner.panningModel = panner.HRTF; // HRTF 패닝

// New standard AudioContext code:
var panner = context.createPanner();
panner.panningModel = "equalpower"; // equalpower 패닝
panner.panningModel = "HRTF"; // HRTF 패닝

// 오래된 webkitAudioContext 코드:
var panner = context.createPanner();
panner.distanceModel = panner.LINEAR_DISTANCE; // linear distance 모델
panner.distanceModel = panner.INVERSE_DISTANCE; // inverse distance 모델
panner.distanceModel = panner.EXPONENTIAL_DISTANCE; // exponential distance 모델

// 새로운 표준 AudioContext 코드:
var panner = context.createPanner();
panner.distanceModel = "linear"; // linear distance 모델
panner.distanceModel = "inverse"; // inverse distance 모델
panner.distanceModel = "exponential"; // exponential distance 모델

// 오래된 webkitAudioContext 코드:
var src = context.createBufferSource();
src.buffer = someBuffer;
src.gain.value = 0.5;
src.connect(context.destination);
src.noteOn(0);

// 새로운 표준 AudioContext 코드:
var src = context.createBufferSource();
src.buffer = someBuffer;
var gain = context.createGain();
src.connect(gain);
gain.gain.value = 0.5;
gain.connect(context.destination);
src.start(0);

// 오래된 webkitAudioContext 코드:
var src = context.createBufferSource();
src.buffer = someBuffer;
src.buffer.gain = 0.5;
src.connect(context.destination);
src.noteOn(0);

// 새로운 표준 AudioContext 코드:
var src = context.createBufferSource();
src.buffer = someBuffer;
var gain = context.createGain();
src.connect(gain);
gain.gain.value = 0.5;
gain.connect(context.destination);
src.start(0);

var source = context.createBufferSource();
source.looping = true;

var source = context.createBufferSource();
source.loop = true;

// 오래된 webkitAudioContext 코드:
var src = context.createBufferSource();
// 얼마 후...
var isFinished = src.playbackState == src.FINISHED_STATE;

// 새로운 AudioContext 코드:
var src = context.createBufferSource();
function endedHandler(event) {
  isFinished = true;
}
var isFinished = false;
src.onended = endedHandler;

var src0 = context.createBufferSource();
var src1 = context.createBufferSource();
// 버퍼와 다른 매개변수들을 설정합니다...
src0.start(0);
src1.start(0);
// 얼마 후...
console.log(context.activeSourceCount);

// 재생되고 있는 소스 노드를 추적할 배열:
var sources = [];
// 소스를 시작할 때, 이것을 배열의 끝에 넣고,
// AudioBufferSourceNode가 끝에 도달했을 때
// 이것이 확실히 제거되도록 이벤트 처리기를 설정합니다.
// 첫번째 매개변수는 시작할 AudioBufferSourceNode이고,
// 다른 매개변수들은 AudioBufferSourceNode의 |start()|에의 매개변수입니다.
function startSource() {
  var src = arguments[0];
  var startArgs = Array.prototype.slice.call(arguments, 1);
  src.onended = function () {
    sources.splice(sources.indexOf(src), 1);
  };
  sources.push(src);
  src.start.apply(src, startArgs);
}
function activeSources() {
  return sources.length;
}
var src0 = context.createBufferSource();
var src0 = context.createBufferSource();
// 버퍼와 다른 매개변수들을 설정합니다...
startSource(src0, 0);
startSource(src1, 0);
// 얼마 후, 소스의 수를 확인합니다...
console.log(activeSources());

// 오래된 webkitAudioContext 코드:
var osc = context.createOscillator();
var table = context.createWaveTable(realArray, imaginaryArray);
osc.setWaveTable(table);

// 새로운 표준 AudioContext 코드:
var osc = context.createOscillator();
var table = context.createPeriodicWave(realArray, imaginaryArray);
osc.setPeriodicWave(table);