HTML5怎么实现录音和播放功能

他这个是flash做的,也不是录音,只是记录你的按键,然后播放录音的时候就按顺序再来一遍

这个调取功能要通过安卓编程语言或ios编程语言调取 单单html5是实现不了的,必须与原生交互才得行。

Safari不支持HTML5录音。

现在浏览器中最好的解决方案是WebRTC下的 navigator.getUserMedia API。

可是当使用Can I use查看兼容性的时候，

在前端做分状态异步加载，当我检测到浏览器支持相关API(getUserMedia)，直接切换到HTML5模式，Div中装载Canvas、WebWorker等等；反之，就加载Flash控件。

事实上Audio和Video标签是Safari 3.1以后开始支持的，至于之前的Safari基本上就靠Quicktime了。

另外支不支持HTML5 API，取决的是浏览器实现，和系统关系不大。

通过html实现录音和播放功能需要使用插件实现，但是可以通过html5实现：

1、API通过使用navigatior.getUserMedia()方法来让Web应用程序拥有访问用户摄像头与麦克风设备的能力。

2、录制视频数据与音频数据的代码与之类似：

<input type="file" accept="video/*capture=camcorder">

<input type="file" accept="audio/*capture=microphone">

3、在这些代码中,只需使用file控件(类型为file的input元素)即可完成拍照或录制媒体数据的功能。但是在因为这些代码中尚缺乏一些实现与之相关的需求(例如在canvas元素中渲染捕捉到的视频数据,或者对捕捉到的视频数据应用WEBGL滤镜)的能力,所以没有得到开发者的广泛应用。

4、音频与视频信息的捕捉一直是Web开发中的一个难点。许多年来,我们一直依赖浏览器插件来实现这个需求。 在HTML 5中,出现了许多可以访问硬件设备的API,例如访问GPS设备的Geolocation API、访问accelerometer设备的Orientation API、访问GPU设备的WebGL API、访问音频播放设备的Web Audio API等等。这些API是非常强大的,因为开发者可以直接通过编写JavaSccript脚本代码来访问底层硬件设备。

---