html实现录音和播放功能

JavaScript06

html实现录音和播放功能,第1张

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

vue.js

js音频录制#循环音频录制#vue录制音频#wav格式音频录制

最近的项目需要用到前端录制音频，然后转为base64编码或wav文件发送给后端，下面讲一下实现过程，首先调用navigate.getUserMedia获取麦克风，不过这个方法浏览器会弹警告已经被弃用，可以转为使用navigate.mediaDevices，不过警告归警告，还是能用的，获得麦克风以后再new一个recorder，写好采样率和采样通道，这个recorder有很多