html实现录音和播放功能

1、首先新建一个HTML文档，如图所示。

2、然后在body标签里输入video标签。

3、接着在video标签内输入controls="controls"，如图所示。

4、然后在video标签里输入<source>，接着在<source>内输入src="medias/volcano.ogg"，如图所示。

5、然后在后面输入type="video/ogg"如图所示，然后在定义一个source标签。

6、在标签内输入src="medias/volcano.mp4" type="video/mp4"如图所示。

7、最后按f12预览就可以看到视频播放器了。

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，取决的是浏览器实现，和系统关系不大。

---