html5录音功能代码,recorder.js 基于 HTML5 实现录音功能

recorder.js 基于 HTML5 实现录音功能2020-06-23 01:49:56

b2ee3897134d68cbfe02b41e08eb745a.png

recorder.js

microphone基于HTML5的录音功能,输出格式为mp3文件。

前言

完全依赖H5原生API

所涉及的API:WebRTC、AudioContext、Worker、Video/Audio API、Blob、URL

兼容性

Chrome、FF、Edge、QQ、360(注:目前IE和Safari全版本不兼容)

其中Chrome47以上以及QQ浏览器强制要求HTTPS的支持

请尝试使用FF、Edge、360等浏览器进行体验,或将项目下载到本地通过localhost的方式

使用方式

var recorder = new Recorder({ sampleRate: 44100, //采样频率,默认为44100Hz(标准MP3采样率) bitRate: 128, //比特率,默认为128kbps(标准MP3质量) success: function(){ //成功回调函数 }, error: function(msg){ //失败回调函数 }, fix: function(msg){ //不支持H5录音回调函数 }});

API

//开始录音recorder.start();//停止录音recorder.stop();//获取MP3编码的Blob格式音频文件recorder.getBlob(function(blob){ //获取成功回调函数,blob即为音频文件// ...},function(msg){ //获取失败回调函数,msg为错误信息// ...});

特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。

Tags 标签

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/541645.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

data.frame类型数据如何将第一列值替换为行号

data.frame类型数据如何将第一列值替换为行号 row.names(data) <- data[, 1]data <- data[, -1]

html5页面引入jquery,如何在javascript中引入jQuery?

jquery是一个用来代替JavaScript来快捷书写前端脚本语言的库&#xff0c;jquery可以大大的简化复杂的js代码&#xff0c;使开发人员专注于实现页面的效果。jquery的导入方式有两种&#xff0c;一种是本地导入&#xff0c;一种是从超链接导入。方式一&#xff1a;本地导入我们可…

Python字符串| isdecimal()方法与示例

isdecimal() is an in-built method in Python, which is used to check whether a string contains only decimal characters or not. isdecimal()是Python中的内置方法&#xff0c;用于检查字符串是否仅包含十进制字符。 Note: 注意&#xff1a; Decimal characters contai…

zt:缓存一致性(Cache Coherency)入门 cach coherency

http://www.infoq.com/cn/articles/cache-coherency-primer http://www.cnblogs.com/xybaby/p/6641928.html english: http://www.tuicool.com/articles/BVRNZbV yxr注&#xff1a; 1) 由于曾研究IBM的CPU加速(CAPI)&#xff0c;其提到内存一致性&#xff0c;为了弄清楚其和通…

湖南省普通招生2021高考成绩查询,湖南省2021八省联考成绩可查,附查询入口及往年分数线...

原标题&#xff1a;湖南省2021八省联考成绩可查&#xff0c;附查询入口及往年分数线湖南省2021年八省联考新高考适应性考试成绩公布&#xff0c;这次大家考的如何呢&#xff1f;此次成绩排名对于考生择校及志愿填报有一定的参考意义&#xff0c;小盒一时间收集整理相关消息&…

duration java_Java Duration类| plusDays()方法与示例

duration java持续时间类plusDays()方法 (Duration Class plusDays() method) plusDays() method is available in java.time package. plusDays()方法在java.time包中可用。 plusDays() method is used to add the given duration in days to this Duration and return the Du…

Ubuntu抛弃了Untiy转向Gnome,美化之路怎么办?不用怕咱一步一步大变身!

跨平台系列汇总&#xff1a;http://www.cnblogs.com/dunitian/p/4822808.html#linux 常用软件安装系统软件卸载&#xff1a;http://www.cnblogs.com/dunitian/p/6670560.html 1.下载UnityGnome版本 https://wiki.ubuntu.com/UbuntuGNOME/GetUbuntuGNOME 2.打开终端 or CtrlAltT…

html木桶布局,CSS3如何实现图片木桶布局?(附代码)

本篇文章给大家通过代码示例介绍一下使用CSS3实现图片木桶布局的方法。有一定的参考价值&#xff0c;有需要的朋友可以参考一下&#xff0c;希望对大家有所帮助。高度相同&#xff0c;而宽度不一样的布局&#xff0c;称之为木桶布局。它有几个鲜明的特点&#xff1a; 每行的图片…

万用表怎么测量电池容量_万用表检测光电耦合器的常用技巧

光电耦合器又称光耦合器或光耦&#xff0c;它属于较新型的电子产品&#xff0c;已经广泛应用在彩色电视机、彩色显示器、计算机、音视频等各种控制电路中。光电耦合器的构成和原理常见的光电耦合器有 4 脚直插和 6 脚两种&#xff0c;它们的典型实物外形和电路符号如图 3-4所示…

c语言if else语句_查找C程序的输出(如果为else语句)| 设置1

c语言if else语句Find the output of the following programs, 查找以下程序的输出&#xff0c; Program 1) 程序1) #include <stdio.h>int main(){int x 400, y, z;if (x > 500)y 400;z 300;printf("%d %d\n", y, z);return 0;}Output 输出量 32766 …

Javascript模块化编程(二):AMD规范

这个系列的第一部分介绍了Javascript模块的基本写法&#xff0c;今天介绍如何规范地使用模块。 七、模块的规范 先想一想&#xff0c;为什么模块很重要&#xff1f; 因为有了模块&#xff0c;我们就可以更方便地使用别人的代码&#xff0c;想要什么功能&#xff0c;就加载什么模…

html侧滑菜单mui,mui侧滑菜单点击含有mui-action-menu类的控件无法实现侧滑

.mui-action-menu标题栏 菜单按钮 指定href"#id"显示与隐藏侧滑菜单html:侧滑菜单列表侧滑菜单列表2侧滑菜单列表3标题具体内容href:https://badfl.gitbooks.io/mui/content/mui-action-menu.htmlAndroid 使用代码主动去调用控件的点击事件(模拟人手去触摸控件)使用代…

hanlp 训练模型_LTP 4.0!单模型完成6项自然语言处理任务

来源|哈工大SCIR语言技术平台&#xff08;Language Technology Platform, LTP&#xff09;是哈工大社会计算与信息检索研究中心&#xff08;HIT-SCIR&#xff09;历时多年研发的一整套高效、高精度的中文自然语言处理开源基础技术平台。该平台集词法分析&#xff08;分词、词性…

typescript 学习

typescript将在不久的将来从前端大一统的趋势中脱颖而出成为主流编译器。学习ts对前端开发人员来说是不可或缺的。同时&#xff0c;也要抓紧学习es2015/6/7。ts和es6并不是对立的。而是相辅相成的。ts的竞争和打击对象实质上是babel…… 官方资料 # 官方地址&#xff1a; https…

计算机中央处理器cpu_中央处理器(CPU)| 计算机科学组织

计算机中央处理器cpu中央处理器(CPU) (Central Processing Unit (CPU)) The CPU is the brain of the computer system. It works as an administrator of a system. CPU是计算机系统的大脑。 它以系统管理员的身份工作。 All the operations within the system are supervised…

计算机应用基础专2020春,计算机应用基础(专)(专,2020春)(20200831130023).pdf

计算机应用基础(专)(专&#xff0c; 2020 春)使用 " 格式刷”按钮&#xff0c;可以进行 ___________操作。选择一项&#xff1a;a. 复制文本的格式b. 删除文本c. 复制文本d. 保持文本你的回答正确正确答案是&#xff1a;复制文本的格式在 Word 的文档中插入复杂的数学公式…

computed set 自定义参数_深入理解vmodel之自定义组件用法

根据上一篇《深入理解 v-model 之表单用法》基本对 v-model 有了比较深的理解&#xff0c;接下来我们看看它如何在自定义组件中使用。首先&#xff0c;我们知道下面两个用法等价的&#xff1a;<input v-model"msg" /><input :value"msg" input&qu…

01json转字符串

/** * json转字符串声明 */ (NSString *)jsonToString:(NSDictionary *)dic; /** * json转字符串实现 */ (NSString *)jsonToString:(NSDictionary *)dic { if(!dic){ return nil; } NSData *jsonData [NSJSONSerialization dataWithJSONObject:dic options:NSJSONWriting…

AYUSH的完整形式是什么?

AYUSH&#xff1a;阿育吠陀&#xff0c;瑜伽和自然疗法&#xff0c;乌纳尼&#xff0c;悉达多和顺势疗法 (AYUSH: Ayurvedic, Yoga and Naturopathy, Unani, Siddha and Homeopathy) AYUSH is an abbreviation of Ayurvedic, Yoga and Naturopathy, Unani, Siddha, and Homeopa…

大班科学电子计算机,计算器教案

计算器的认识和简单应用教学内容&#xff1a;义务教育六年制小学第九册第二单元第42页。教学目标&#xff1a;1、通过学生自主探究&#xff0c;掌握计算器的使用方法&#xff0c;并能够用计算器进行简单的计算。2、借助计算器解决生活中的数学问题、探索数学规律&#xff0c;体…