H5app录制语音并上传服务器demo

最新推荐文章于 2024-08-07 17:43:28 发布

仓底储备粮

最新推荐文章于 2024-08-07 17:43:28 发布

阅读量3.5k

点赞数

分类专栏： H5 文章标签： H5

本文链接：https://blog.csdn.net/qq_43466173/article/details/85298338

版权

这是一个H5app的语音录制并上传到服务器的demo。利用HTML5 API，5秒音频大约7KB，适用于不同格式。注意浏览器的音频播放兼容性问题，依赖于jquery-2.1.4.js。提供相关H5文档链接，以及音频兼容性表格。

摘要由CSDN通过智能技术生成

复制即用语音录制demo，根据音频录制格式的不同，5s音频大概7KB左右，如果需要更详细的H5API介绍，用力戳：

w3cschool H5 文档
 H5官网文档

注意：

手机上基本可以播放任何可以录制的音频格式，如mp3/wav/aac/amr，
但是如果放在网页上面播放，需要查看该网页是否兼容播放该格式

依赖：jquery-2.1.4.js

话不多少，上代码：

html body 代码

<!-- 怕你手指太大，点不了按钮，所以弄了这个div也能让你播放音频喔 -->
<div id="adiv" style="width: 100px;height: 100px;background: cornflowerblue"></div>

<audio id="voice">
<!-- 播放音频用 -->
</audio>
<input type="button" value="Start Record" onclick="startRecord();"/>
<input type="button" value="Stop Record&