使用js实现网页录音并上传服务器

不多嘚嘚，直接上代码

<script>var rec;function startRec() {rec = Recorder();//使用默认配置，mp3格式rec.open(function () {//开始录音rec.start();}, function (msg, isUserNotAllow) {alert((isUserNotAllow ? "用户拒绝了权限，" : "") + "无法录音:" + msg);});};
</script><script>function uploadRec() {rec.stop(function (blob, duration) {var form = new FormData();form.append("file", blob, "recorder.mp3");var xhr = new XMLHttpRequest();xhr.open("post", "http://localhost:9900");xhr.onreadystatechange = function () {if (xhr.readyState == 4) {alert("上传成功");}}xhr.send(form);}, function (msg) {alert("录音失败:" + msg);});};</script>

这是两个js函数，就是录音和结束录音并上传的。xhr.open("post", "http://localhost:9900");

这个就是把里面的ip改为你自己服务器的就行。

 <input type="button" class="btn btn-lg btn-primary" onclick="startRec()" value="开始录音"><input type="button" class="btn btn-lg btn-primary" onclick="uploadRec()" value="结束并上传">

这是调用函数的部分，可以实现上传。后台写一个接收的函数就可以实现了。

使用js实现网页录音并上传服务器相关推荐

java 网页录音_Java+FlashWavRecorder实现网页录音并上传
[注意] [前言] 肯定有需求要网页录音,并且要上传.这奇葩需求. 然后找到了FlashWavRecorder, [原始版本号] 1.下载在上面的地址下载zip解压之后,目录里面有个index.ht ...
Vue使用微信录音并上传服务端
在微信公众号或者微信h5的网页开发中,会用到录音等功能,在微信里面使用微信录音会比较好一点,不用去设置ios和android的h5录音兼容性,并且h5的其他录音js文件可能不兼容微信浏览器等,所以vu ...
前端调用麦克风获取实时音频流和录音并上传至后台
前端调用麦克风获取实时音频流和录音并上传至后台 index.html <!DOCTYPE html> < a href=" ">Default.html&l ...
优化Recorder H5录音：可边录边转码上传服务器，支持微信提供Android IOS Hybrid App源码
文章目录一.Recorder H5录音库的特性 (1)浏览器支持 (2)功能支持二.使用预览截图 (1)移动端H5 (2)IOS Hybrid App (3)Android Hybrid App ...
H5使用企业微信jssdk录音、上传、下载、播放
企业微信上使用js-sdk语音发布任务企业微信官方API:音频接口地址 step1:登录企业微信新建应用程序并记录你的Secret step2:在我的企业最下面找出你的企业ID也就是你的appId ...
html5拨打电话自动录音,html5实现手机触摸出现录音以及离开停止录音并上传的功能（代码）...
本篇文章给大家带来的内容是关于html5实现手机触摸出现录音以及离开停止录音并上传的功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 以下是实现功能实例: html var ...
vue 调用pc端本地摄像头、麦克风实现拍照、录视频、录音并上传到服务器指定树文件夹
vue 调用pc端本地摄像头.麦克风实现拍照.录视频.录音并上传自己写blog只是为了下次方便使用过程确实很烦 ,自己摸索加各大网站cv查看可以直接使用 1.调用摄像头拍照录屏首先是npm ...
小程序录音上传服务器,微信小程序录音实现功能并上传(使用node解析接收)
微信小程序录音实现功能并上传(使用node解析接收) 发布时间:2020-09-04 11:59:06 来源:脚本之家阅读:97 作者:weixin_43188227 背景我在开发小程序的时候,有 ...
form表单刷新_《大胖 ? 小课》- 不用 js 实现文件无刷新上传
这是<大胖小课>栏目的专题一<说说文件上传那些事儿>的第3节-<不用 js 实现文件无刷新上传> 专题已经更新章节: <大胖 • 小课>- 我是这样理解 ...
pyaudio：基于pyaudio利用Python编程从电脑端录制音频保存到指定文件夹+将录音上传服务器+录音进行识别并转为文本保存
pyaudio:基于pyaudio利用Python编程从电脑端录制音频保存到指定文件夹+将录音上传服务器+录音进行识别并转为文本保存目录输出结果代码实现输出结果代码实现 # -*- codi ...

使用js实现网页录音并上传服务器

使用js实现网页录音并上传服务器相关推荐

最新文章

热门文章