OfflineAudioContext

// 온라인과 오프라인 오디오 컨텍스트를 정의합니다 var audioCtx = new AudioContext(); var offlineCtx = new OfflineAudioContext(2, 44100 * 40, 44100); source = offlineCtx.createBufferSource(); // 오디오 트랙을 로딩하기 위해 XHR를 사용하고, // 이것을 디코딩하기 위해 decodeAudioData를 사용하고 렌더링하기 위해 OfflineAudioContext를 사용합니다 function getData() { request = new XMLHttpRequest(); request.open("GET", "viper.ogg", true); request.responseType = "arraybuffer"; request.onload = function () { var audioData = request.response; audioCtx.decodeAudioData(audioData, function (buffer) { myBuffer = buffer; source.buffer = myBuffer; source.connect(offlineCtx.destination); source.start(); //source.loop = true; offlineCtx .startRendering() .then(function (renderedBuffer) { console.log("Rendering completed successfully"); var song = audioCtx.createBufferSource(); song.buffer = renderedBuffer; song.connect(audioCtx.destination); play.onclick = function () { song.start(); }; }) .catch(function (err) { console.log("Rendering failed: " + err); // 참고: 이 프로미스는 OfflineAudioContext에서 startRendering이 두 번째로 호출되었을 때 거부되어야만 합니다 }); }); }; request.send(); } // 프로세스를 시작하기 위해 getData를 실행합니다 getData();