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预览就可以看到视频播放器了。

<script type="text/javascript">

        var msg = new SpeechSynthesisUtterance("输入要朗读的文字")

        window.speechSynthesis.speak(msg)

    </script>

这样就行，不需要任何第三方api集成。

补充一下，不是win10的用户，可能不会朗读

一般插件只支持MP3，鱼和熊掌很难兼得，如果考虑浏览器兼容性，那用flash无疑是最好，如果考虑格式的兼容性，则支持html5的浏览器直接用audio标签最好。这个确实是棘手的问题，百度是进行了判断来播放的。我们这因为技术有限，后台进行了转码，推荐你看看jplayer和flowplayer，这两个是比较常见的开源音频插件，但不幸的是都只支持MP3格式

---