h5 如何录音保存上传_H5录音及保存到后台recorder.js实现

插件地址：https://github.com/xiangyuecn/Recorder

测试地址：https://xiangyuecn.github.io/Recorder/

1.先进入测试地址测试浏览器是否可以进行录音

2.下载插件在html页面引入src目录下的recorder-core.js、mp3.js、mp3-engine.js

html页面创建好标签触发事件例如onclick事件

//先初始化recorder插件

set={

type:mp3

,bitRate:16

,sampleRate:16000

,bufferSize:8192

};

var rec=Recorder(set);

//点击可调用open打开录音 open方法具有检测浏览器是否支持录音、询问获取浏览器录音权限等操作(本地测试注意不能用内网IP)

rec.open(function(){

//start打开录音

rec.start();

},function(msg){

mui.toast("无法录音:"+msg);

});

//点击停止调用stop事件

rec.stop(function(blob,duration){

//var res=URL.createObjectURL(blob);

rec.close();

var formData = new FormData();

file=$("#file")[0].files[0];

formData.append("file",file); //传给后台

$.ajax({

url: '__URL__/uploadMp3File',

type:'POST',

cache: false,

processData: false,

contentType: false,

data: formData,

success: function(data){

})

h5 如何录音保存上传_H5录音及保存到后台recorder.js实现相关推荐

pyaudio：基于pyaudio利用Python编程从电脑端录制音频保存到指定文件夹+将录音上传服务器+录音进行识别并转为文本保存
pyaudio:基于pyaudio利用Python编程从电脑端录制音频保存到指定文件夹+将录音上传服务器+录音进行识别并转为文本保存目录输出结果代码实现输出结果代码实现 # -*- codi ...
H5使用企业微信jssdk录音、上传、下载、播放
企业微信上使用js-sdk语音发布任务企业微信官方API:音频接口地址 step1:登录企业微信新建应用程序并记录你的Secret step2:在我的企业最下面找出你的企业ID也就是你的appId ...
Vue使用微信录音并上传服务端
在微信公众号或者微信h5的网页开发中,会用到录音等功能,在微信里面使用微信录音会比较好一点,不用去设置ios和android的h5录音兼容性,并且h5的其他录音js文件可能不兼容微信浏览器等,所以vu ...
vue 调用pc端本地摄像头、麦克风实现拍照、录视频、录音并上传到服务器指定树文件夹
vue 调用pc端本地摄像头.麦克风实现拍照.录视频.录音并上传自己写blog只是为了下次方便使用过程确实很烦 ,自己摸索加各大网站cv查看可以直接使用 1.调用摄像头拍照录屏首先是npm ...
java 网页录音_Java+FlashWavRecorder实现网页录音并上传
[注意] [前言] 肯定有需求要网页录音,并且要上传.这奇葩需求. 然后找到了FlashWavRecorder, [原始版本号] 1.下载在上面的地址下载zip解压之后,目录里面有个index.ht ...
可通过蓝牙，WiFi，4G实现录音数据上传的WT2605新型音频芯片在录音笔等产品的应用解析
概述:本文主要介绍一款新型的音频芯片WT2605在录音产品中的应用与实现,主要依靠音频芯片通过ADC采集数据,将数据编码为音频流数据存储在本地,也可通过外设将数据传给蓝牙/WiFi/4G模块,实现录音 ...
html5拨打电话自动录音,html5实现手机触摸出现录音以及离开停止录音并上传的功能（代码）...
本篇文章给大家带来的内容是关于html5实现手机触摸出现录音以及离开停止录音并上传的功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 以下是实现功能实例: html var ...
录音、上传、播放音频微信小程序实践
文章目录录音.上传.播放音频微信小程序实践实践分析依赖接口录音上传播放 Page 事件参考录音.上传.播放音频微信小程序实践最近上线了一款智能外呼机器人产品,需要开发一款录音.上传. ...
小程序上传音频失败_微信小程序实现录音后上传文件方法详细
本篇文章讲述了微信小程序实现录音后上传文件方法,大家对微信小程序实现录音后上传文件方法不了解的话或者对微信小程序实现录音后上传文件方法感兴趣的话那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧 ...
前端调用麦克风获取实时音频流和录音并上传至后台
前端调用麦克风获取实时音频流和录音并上传至后台 index.html <!DOCTYPE html> < a href=" ">Default.html&l ...

h5 如何录音保存上传_H5录音及保存到后台recorder.js实现

h5 如何录音保存上传_H5录音及保存到后台recorder.js实现相关推荐

最新文章

热门文章