html5+在线录音,html5在线录音示例源码(MediaStream Recording API)

【实例简介】微信端 录音 可用

【实例截图】

【核心代码】

// fork getUserMedia for multiple browser versions, for the future

// when more browsers support MediaRecorder

navigator.getUserMedia = ( navigator.getUserMedia ||

navigator.webkitGetUserMedia ||

navigator.mozGetUserMedia ||

navigator.msGetUserMedia);

// set up basic variables for app

var record = document.querySelector('.record');

var stop = document.querySelector('.stop');

var soundClips = document.querySelector('.sound-clips');

var canvas = document.querySelector('.visualizer');

// visualiser setup - create web audio api context and canvas

var audioCtx = new (window.AudioContex