HTML5如何实现声音录制/播放功能

  介绍

小编给大家分享一下HTML5如何实现声音录制/播放功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

html代码:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比;   & lt; title>火星黑洞& lt;/title>   & lt;/head>   & lt; body>   & lt; p>   & lt;音频autoplay> & lt;/audio>   & lt;输入>(函数(窗口){//兼容   窗口。URL=窗口。URL | | window.webkitURL;   导航器。getUserMedia=导航器。getUserMedia | |导航器。webkitGetUserMedia | |导航器。mozGetUserMedia | | navigator.msGetUserMedia;   var HZRecorder=函数(流,配置){   配置=配置| | {};   配置。sampleBits=配置。sampleBits | | 8//采样数8位,16岁   配置。sampleRate=配置。sampleRate | | (44100/6);44100年//采样率(1/6)   var上下文=new(窗口。webkitAudioContext | | window.AudioContext) ();   var audioInput=context.createMediaStreamSource(流);   var createScript=上下文。createScriptProcessor | | context.createJavaScriptNode;=createScript var录音机。应用(上下文,[4096,1,1]);   var mp3ReceiveSuccess currentErrorCallback;   var audioData=https://www.yisu.com/zixun/{   大小:0//录音文件长度   缓冲区:[]//录音缓存   inputSampleRate:上下文。sampleRate//输入采样率   inputSampleBits: 16//输入采样数8位,16岁   outputSampleRate:配置。sampleRate//输出采样率   oututSampleBits:配置。sampleBits//输出采样数8位,16岁   输入:功能(数据){   this.buffer。推动(新Float32Array(数据));   这一点。+=data.length大小;   }   压缩:函数(){//合并压缩//合并   var=new Float32Array数据(size);   var抵消=0;   (var=0;我HTML5如何实现声音录制/播放功能