audiocontext html5,HTML5 AudioContext使用实例 - 打字的声音

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

"use strict";

function _classCallCheck(instance, Constructor) {

if (!(instance instanceof Constructor)) {

throw new TypeError("Cannot call a class as a function");

}

}

var AudioTest = (function() {

function AudioTest(context) {

_classCallCheck(this, AudioTest);

this.context = context;

var buffer = context.createBuffer(1, 32, 22050);

// This wave looks like

// ____ ____

// ____| |____| |

//

buffer.copyToChannel(new Float32Array([-0.5, 0, 0, 0, 0.5, 0, 0, 0, -0.5, 0, 0, 0, 0.5, 0, 0, 0, -0.5, 0, 0, 0, 0.5, 0, 0, 0, -0.5, 0, 0, 0, 0.5, 0, 0, 0]), 0);

this.buffer = buffer;

}

AudioTest.prototype.play = function play() {

var context = this.context;

// IMPORTANT! You cannot create more than one AudioContext.

//const context = new AudioContext();

var source = context.createBufferSource();

source.buffer = this.buffer;

source.connect(context.destination);

source.start();

};

return AudioTest;

})();

;

var test = new AudioTest(new AudioContext());

document.addEventListener("keyup", function(e) {

test.play();

});