HZRecorder.js 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. 
  2. (function (window) {
  3. var newscript = document.createElement('script');
  4. newscript.setAttribute('type','text/javascript');
  5. newscript.setAttribute('src','js/FileSave.js');
  6. document.body.appendChild(newscript);
  7. //兼容
  8. window.URL = window.URL || window.webkitURL;
  9. navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
  10. var HZRecorder = function (stream, config) {
  11. config = config || {};
  12. config.sampleBits = config.sampleBits || 16; //采样数位 8, 16
  13. config.sampleRate = config.sampleRate || 16000; //采样率16khz
  14. var context = new (window.webkitAudioContext || window.AudioContext)();
  15. var audioInput = context.createMediaStreamSource(stream);
  16. var createScript = context.createScriptProcessor || context.createJavaScriptNode;
  17. var recorder = createScript.apply(context, [4096, 1, 1]);
  18. var audioData = {
  19. size: 0 //录音文件长度
  20. , buffer: [] //录音缓存
  21. , inputSampleRate: context.sampleRate //输入采样率
  22. , inputSampleBits: 16 //输入采样数位 8, 16
  23. , outputSampleRate: config.sampleRate //输出采样率
  24. , oututSampleBits: config.sampleBits //输出采样数位 8, 16
  25. , input: function (data) {
  26. this.buffer.push(new Float32Array(data));
  27. this.size += data.length;
  28. }
  29. , compress: function () { //合并压缩
  30. //合并
  31. var data = new Float32Array(this.size);
  32. var offset = 0;
  33. for (var i = 0; i < this.buffer.length; i++) {
  34. data.set(this.buffer[i], offset);
  35. offset += this.buffer[i].length;
  36. }
  37. //压缩
  38. var compression = parseInt(this.inputSampleRate / this.outputSampleRate);
  39. var length = data.length / compression;
  40. var result = new Float32Array(length);
  41. var index = 0, j = 0;
  42. while (index < length) {
  43. result[index] = data[j];
  44. j += compression;
  45. index++;
  46. }
  47. return result;
  48. }
  49. , encodeWAV: function () {
  50. var sampleRate = Math.min(this.inputSampleRate, this.outputSampleRate);
  51. var sampleBits = Math.min(this.inputSampleBits, this.oututSampleBits);
  52. var bytes = this.compress();
  53. var dataLength = bytes.length * (sampleBits / 8);
  54. var buffer = new ArrayBuffer(44 + dataLength);
  55. var data = new DataView(buffer);
  56. var channelCount = 1;//单声道
  57. var offset = 0;
  58. var writeString = function (str) {
  59. for (var i = 0; i < str.length; i++) {
  60. data.setUint8(offset + i, str.charCodeAt(i));
  61. }
  62. }
  63. // 资源交换文件标识符
  64. writeString('RIFF'); offset += 4;
  65. // 下个地址开始到文件尾总字节数,即文件大小-8
  66. data.setUint32(offset, 36 + dataLength, true); offset += 4;
  67. // WAV文件标志
  68. writeString('WAVE'); offset += 4;
  69. // 波形格式标志
  70. writeString('fmt '); offset += 4;
  71. // 过滤字节,一般为 0x10 = 16
  72. data.setUint32(offset, 16, true); offset += 4;
  73. // 格式类别 (PCM形式采样数据)
  74. data.setUint16(offset, 1, true); offset += 2;
  75. // 通道数
  76. data.setUint16(offset, channelCount, true); offset += 2;
  77. // 采样率,每秒样本数,表示每个通道的播放速度
  78. data.setUint32(offset, sampleRate, true); offset += 4;
  79. // 波形数据传输率 (每秒平均字节数) 单声道×每秒数据位数×每样本数据位/8
  80. data.setUint32(offset, channelCount * sampleRate * (sampleBits / 8), true); offset += 4;
  81. // 快数据调整数 采样一次占用字节数 单声道×每样本的数据位数/8
  82. data.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2;
  83. // 每样本数据位数
  84. data.setUint16(offset, sampleBits, true); offset += 2;
  85. // 数据标识符
  86. writeString('data'); offset += 4;
  87. // 采样数据总数,即数据总大小-44
  88. data.setUint32(offset, dataLength, true); offset += 4;
  89. // 写入采样数据
  90. if (sampleBits === 8) {
  91. for (var i = 0; i < bytes.length; i++, offset++) {
  92. var s = Math.max(-1, Math.min(1, bytes[i]));
  93. var val = s < 0 ? s * 0x8000 : s * 0x7FFF;
  94. val = parseInt(255 / (65535 / (val + 32768)));
  95. data.setInt8(offset, val, true);
  96. }
  97. } else {
  98. for (var i = 0; i < bytes.length; i++, offset += 2) {
  99. var s = Math.max(-1, Math.min(1, bytes[i]));
  100. data.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
  101. }
  102. }
  103. return new Blob([data], { type: 'audio/wav' });
  104. }
  105. };
  106. //开始录音
  107. this.start = function () {
  108. audioInput.connect(recorder);
  109. recorder.connect(context.destination);
  110. }
  111. //停止
  112. this.stop = function () {
  113. recorder.disconnect();
  114. }
  115. //获取音频文件
  116. this.getBlob = function () {
  117. this.stop();
  118. return audioData.encodeWAV();
  119. }
  120. //回放
  121. this.play = function (audio) {
  122. var blob=this.getBlob();
  123. saveAs(blob, "F:/3.wav");
  124. audio.src = window.URL.createObjectURL(this.getBlob());
  125. }
  126. //上传
  127. this.upload = function (url, callback) {
  128. var fd = new FormData();
  129. fd.append("pcm_audio", this.getBlob());
  130. /*var xhr = new XMLHttpRequest();
  131. if (callback) {
  132. xhr.upload.addEventListener("progress", function (e) {
  133. callback('uploading', e);
  134. }, false);
  135. xhr.addEventListener("load", function (e) {
  136. callback('ok', e);
  137. }, false);
  138. xhr.addEventListener("error", function (e) {
  139. callback('error', e);
  140. }, false);
  141. xhr.addEventListener("abort", function (e) {
  142. callback('cancel', e);
  143. }, false);
  144. }
  145. xhr.open("POST", url);
  146. xhr.send(fd);*/
  147. //上传数据
  148. $.ajax({
  149. url: url,
  150. type: 'POST',
  151. data: fd,
  152. async: true,
  153. cache: false,
  154. contentType: false,
  155. processData: false,
  156. success: function (data) {
  157. if (callback)
  158. {
  159. //alert("success");
  160. callback(data.message);
  161. }
  162. //alert("success");
  163. //alert(data.message);
  164. },
  165. error: function (jqXHR, textStatus, errorThrown) {
  166. alert(textStatus + "---" + errorThrown);
  167. }
  168. });
  169. }
  170. //音频采集
  171. recorder.onaudioprocess = function (e) {
  172. audioData.input(e.inputBuffer.getChannelData(0));
  173. //record(e.inputBuffer.getChannelData(0));
  174. }
  175. };
  176. //抛出异常
  177. HZRecorder.throwError = function (message) {
  178. alert(message);
  179. throw new function () { this.toString = function () { return message; } }
  180. }
  181. //是否支持录音
  182. HZRecorder.canRecording = (navigator.getUserMedia != null);
  183. //获取录音机
  184. HZRecorder.get = function (callback, config) {
  185. if (callback) {
  186. if (navigator.getUserMedia) {
  187. debugger;
  188. navigator.getUserMedia(
  189. { audio: true } //只启用音频
  190. , function (stream) {
  191. var rec = new HZRecorder(stream, config);
  192. callback(rec);
  193. }
  194. , function (error) {
  195. switch (error.code || error.name) {
  196. case 'PERMISSION_DENIED':
  197. case 'PermissionDeniedError':
  198. alert('用户拒绝提供信息。');
  199. HZRecorder.throwError('用户拒绝提供信息。');
  200. break;
  201. case 'NOT_SUPPORTED_ERROR':
  202. case 'NotSupportedError':
  203. alert('浏览器不支持硬件设备。');
  204. HZRecorder.throwError('浏览器不支持硬件设备。');
  205. break;
  206. case 'MANDATORY_UNSATISFIED_ERROR':
  207. case 'MandatoryUnsatisfiedError':
  208. alert('无法发现指定的硬件设备。');
  209. HZRecorder.throwError('无法发现指定的硬件设备。');
  210. break;
  211. default:
  212. alert('无法打开麦克风。异常信息:' + (error.name+error.code));
  213. HZRecorder.throwError('无法打开麦克风。异常信息:' + (error.name+error.code));
  214. break;
  215. }
  216. });
  217. } else {
  218. alert('当前浏览器不支持录音功能。');
  219. HZRecorder.throwErr('当前浏览器不支持录音功能。');
  220. return;
  221. }
  222. }
  223. }
  224. window.HZRecorder = HZRecorder;
  225. })(window);