html5 录制mp3音频，支持采样率和比特率设置

最新推荐文章于 2024-09-20 17:43:22 发布
最新推荐文章于 2024-09-20 17:43:22 发布
阅读量2.3k 收藏 1
点赞数 1
原文链接：http://www.cnblogs.com/devin87/p/mp3-recorder.html
版权
本文介绍了如何使用lamejs在浏览器端直接录制MP3音频，解决了HTML5录音生成的wav文件过大问题。lamejs是一个轻量级的JS编码器，能快速编码音频。作者提供了封装后的mp3-recorder库，支持Firefox和Webkit浏览器，64kbps比特率下，1分钟音频约480KB。文章包含代码示例和项目下载链接。
摘要由CSDN通过智能技术生成

13年的时候做过html5录音，一个问题是保存的wav格式文件很大，当初用了一个迂回的方式，上传到服务器后调用 lame 编码器转换，但由于文件大，上传较慢。不得不说，前端技术发展真是日新月异，有人实现了js版本的lame编码器，可以直接在浏览器端录制MP3音频。

lamejs介绍

最初有个开源项目 libmp3lame-js ，直接将 lame 源码编译为 js版本，后来有人基于 libmp3lame 使用 js 进行了重写，就是如今的 lamejs 项目。相比libmp3lame ，自身体积更小，而且能实现更快的编码速度。据介绍说，编码一个132秒长度的音频仅需6.5秒。

录制mp3音频

我对代码进行了梳理和封装，已发布到Github，参见 mp3-recorder。对实现过程有兴趣或对使用lamejs有兴趣的，可以参考我的源码。支持Firefox 及 Webkit浏览器。

采用64kbps比特率，录制一分钟音频长度约为480KB。

调用示例

最低0.47元/天 解锁文章
1361976860
关注
html5录制mp3,html5 录制mp3音频，支持采样率和比特率设置
weixin_28894087的博客
06-19 860
13年的时候做过html5录音，一个问题是保存的wav格式文件很大，当初用了一个迂回的方式，上传到服务器后调用 lame 编码器转换，但由于文件大，上传较慢。不得不说，前端技术发展真是日新月异，有人实现了js版本的lame编码器，可以直接在浏览器端录制MP3音频。lamejs介绍最初有个开源项目libmp3lame-js，直接将 lame 源码编译为 js版本，后来有人基于libmp3lam...
音频中采样位数，采样率，比特率的名词解释（转）
angou6476的博客
05-20 3039
采样位数（采样大小）： 采样位数可以理解为采集卡处理声音的解析度。这个数值越大，解析度就越高，录制和回放的声音就越真实。我们首先要知道：电脑中的声音文件是用数字0和1来表示的。所以在电脑上录音的本质就是把模拟声音信号转换成数字信号。反之，在播放时则是把数字信号还原成模拟声音信号输出。采集卡的位是指采集卡在采集和播放声音文件时所使用数字声音信号的二进制位数。采集卡的位客观地反映了数字声音...
html5录音mp3格式，可调采样率和比特率设置。
06-15
本资源为html5页面录音mp3格式音频，支持对采样率和比特率的设置。自身项目亲测，内有相关js文件及详细注解。
MP3Recorder 电脑录音机软件 v2.10.12091中文免费版.zip
07-08
My Recorder 音频录音机是一款完全免费的，功能非常实用，操作简捷的录音软件，它集录音、播放于一体，实时掌握录音质量。 　　它可以录制经过声卡的音频流，您可将计算机内部或外部声音（如来自麦克风、线路输入Line-In、INTERNET的广播或各影音播放软件正播放的声音）永久保存到硬盘上。
MediaRecorder语音输入转wav格式，可设置采样率
最新发布
weixin_61331286的博客
09-20 698
console.log("录音器状态：", mediaRecorder.state);recordBtn.textContent = "开始录音";recordBtn.textContent = "停止录音";console.error("浏览器不支持 getUserMedia");console.log("录音中...");console.log("录音中...");console.log("录音结束");console.error("授权失败！console.log("授权成功！
html5audio音乐速率,HTML5音频audio属性
weixin_39785669的博客
06-04 235
audio 的控制函数主要有：load() 加载音频、视频软件，通常不必调用，除非是动态生成的元素，用来在播放前预加载play() 加载并播放音频、视频文件，除非文件已经暂停在其他位置，否则默认重头开始播放pause() 暂停处于播放状态的音频、视频文件audio 的只读媒体特性有：duration 获取媒体文件的播放时长，以s为单位，如果无法获取，则为NaNpaused 如果媒体文件被暂停，则返...
vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端
高坚果兄弟
06-11 6106
项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！），录音过程中会显示可视化波形，同时能够做到兼容PC端、Android、和iOS，一次编码 到处运行，哈哈~省了不少事。vue3项目打包后，放服务器里面，同时开启https访问（必须https才能录音，本地localhost没有这个限制），然后电脑、Android、iOS上打开这个网页就都能录音了（但有些浏览器不能录音，比如UC、夸克，不过好在手机系统自带浏览器、微信里面都能录音，效果还是很不错的）。开始录音，和结束录音。
html修改麦克风采集率,怎么获取麦克风实时输入音量，并转换为百分比
weixin_28810315的博客
06-03 337
C/C++ codeint DeviceManager::getAudioInputVolumn( const std::string &deviceName ){MMRESULT rc; // 多媒体函数返回结果变量HMIXER hMixer; // 混合器设备句柄MIXERLINE mxl; // 音频线路标准状态信...
android downsample降低音频采样频率代码
01-20
在Android平台上进行音频处理时，有时我们可能会遇到需要将音频采样率从一个值转换到另一个不被系统原生支持的值的情况。Android SDK保证在所有设备上都至少支持44100Hz的采样率，但如果需要更低的采样率（例如8000...
Recorder.js 纯HTML5+JS网页录音
04-10
# 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的方式   ## 使用方式 ```js var recorder = new Recorder({ sampleRate: 44100, //采样频率，默认为44100Hz(标准MP3采样率) bitRate: 128, //比特率，默认为128kbps(标准MP3质量) success: function(){ //成功回调函数 }, error: function(msg){ //失败回调函数 }, fix: function(msg){ //不支持H5录音回调函数 } }); ``` ## API ```js //开始录音 recorder.start(); //停止录音 recorder.stop(); //获取MP3编码的Blob格式音频文件 recorder.getBlob(function(blob){ //获取成功回调函数，blob即为音频文件 // ... },function(msg){ //获取失败回调函数，msg为错误信息 // ... }); ```
视频编码的常见参数基本概念
暂时为空
03-01 3876
<br />码率:Bit Rate，指视频或音频文件在单位时间内使用的数据流量，该参数的单位通常是Kbps，也就是千比特每秒。通常2000kbps~3000kbps就已经足以将画质效果表现到极致了。码率参数与视频文件最终体积大小有直接性的关系。 <br /><br />　　混合码率：Overall Bit Rate，指视频文件中视频和音频混合后的整体平均码率。一般描述一个视频文件的码率都是指OBR，如新浪播客允许的OBR上限为523Kbps。 <br /><br />　　固定码率：Constant Bit 
node-lame:Node.js与libmp3lame和libmpg123的本机绑定
04-13
节点层 NodeJS与libmp3lame和libmpg123的本机绑定 对于您所有的异步MP3流编码/解码需求，这里都有node-lame ！ 该模块连接到lame命令使用的库libmp3lame中，以向NodeJS提供Encoder和Decoder流。 安装 node-lame捆绑了自己的libmp3lame和libmpg123副本，因此无需在系统上安装它们。 只需使用npm编译并安装node-lame ： $ npm install lame 例子 这是一个使用node-lame将来自process.stdin原始PCM数据编码为MP3文件的示例，该文件通过管道传输到process.stdout ： var lame = require ( 'lame' ) ; // create the Encoder instance var encoder = new lame . E
lamejs:javascript中的mp3编码器
04-27
lamejs 用JavaScript编写的快速mp3编码器。 在我的机器上，无论是在节点上还是在Chrome上，它的工作速度都比实时速度快20倍（它将在6.5秒内编码132秒的长样本）。 lamejs是对jump3r-code的重写，而后者是对libmp3lame的重写。 安装 要通过Bower或npm安装，只需执行以下操作： $ bower install lamejs --save $ npm install lamejs 快速开始 < script src = 'lame.all.js' > < / script > < script > var mp3Data = [ ] ; var mp3encoder = new lamejs . Mp3Encoder ( 1 , 44100 , 128 ) ; //mono 44.1khz encode to 128kbps var sa
格式工厂采样率,比特率怎样设置才能使音频声音大容量小
u014796999的博客
10-01 1万+
如果不考虑音频质量，单纯为了减少文件大小，可以把采样率、比特率设置为最低，这样文件最小。 较低的采样率使音质变差，为保证音频质量，建议采用44.1KHz采样率，比特率128KB/S。 音量大小要在音量控制这里设置，想输出音量是原来的2倍，就填写200%。 输出音乐文件大小如下： 原文地址:http://zhidao
使用libmp3lame库编码mp3
热门推荐
bjrxyz的专栏
06-18 2万+
lame是一个有名的开源mp3编码库，但是目前网上使用lame库的教程基本都是直接贴一篇代码，没有任何的解释，而每个使用者需要编码的需求都不一样，这些所谓的教程基本没什么作用。这篇文章将会介绍如何调用lame库的接口编码出mp3。不同于目前网上的大多数lame教程，本文不会干巴巴的贴一屏幕代码，而是尽量对lame库提供的各种参数设置的接口做讲解。让读者能够举一反三，根据自己的需求编码出各种格式的mp3。
已解决：H5移动端网页实现录音功能，js实现录音功能，包括安卓webview接口也可以使用
Spy003的博客
04-05 1万+
需要注意的是，由于安卓设备的硬件配置和性能各异，因此录音的质量和可靠性可能会有所不同。遇到一个需求，需要做一个手机网页录音的功能，嵌入到webview中去，用安卓原生录音倒是可以，但是想着尽量去安卓化开发，就想着用纯的js前端代码去实现录音功能。需要注意的是，在使用 pause() 和 resume() 方法时，我们需要考虑到录音时长和暂停/恢复时的延迟时间，以确保正确的录音效果。-----------------------这是一条美丽的分割线-----------------------
Recordmp3js：浏览器端的JavaScript MP3录音神器
gitblog_00179的博客
08-15 312
Recordmp3js：浏览器端的JavaScript MP3录音神器 Recordmp3jsRecord MP3 files directly from the browser using JS and HTML项目地址:https://gitcode.com/gh_mirrors/re/Recordmp3js 项目介绍 Recordmp3js是一个令人惊叹的开源项目，它允许你在浏览器中直接录...
推荐开源项目：Mp3LameEncoder.js - 让网页端音频编码触手可及
gitblog_00049的博客
06-19 367
推荐开源项目：Mp3LameEncoder.js - 让网页端音频编码触手可及 mp3-lame-encoder-js MP3 encoder for browsers using LAME 项目地址: https://gitcode.com/gh_mirrors...
html5支持的几种音频格式介绍
阿酷tony
01-10 1356
abort：当音频/视频的加载已放弃时 canplay：当浏览器可以播放音频/视频时 canplaythrough：当浏览器可在不因缓冲而停顿的情况下进行播放时 durationchange：当音频/视频的时长已更改时 emptied：当目前的播放列表为空时 ended
48000Hz采样率opus格式音频测试
例如，在一个音频播放器、数字信号处理器或音频编解码器中测试时，使用特定采样率和格式的测试音频可以帮助开发者或用户理解系统对高质量音频信号的处理能力。 知识点6: 文件命名规则与组织 文件名称“48k1.opus”...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值