recorder-js+Vue录音插件

最新推荐文章于 2024-08-16 07:52:19 发布
最新推荐文章于 2024-08-16 07:52:19 发布
阅读量2w 收藏 16
点赞数
分类专栏： vue 文章标签： recorder-js 录音插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ycl396232695/article/details/82628321
版权

首先下载   npm  install recorder-js  --save

然后在你要用到的模块里面  

 

 

另外：如果电脑上面没有连接音频设备的话，那么你在取消录音的时候，会报错 （不认识stop()）

前端小易
关注
专栏目录
vue实现类似微信按住发送语音包给后端，推荐使用插件js-audio-recorder
swagLi的博客
06-13 645
一、需求是点击发送按钮说话获取语音文件发送给后台、鼠标移除即发送，限制时长30s。
vue获取麦克风_vue实现录音功能js-audio-recorder
weixin_39626211的博客
12-22 2540
前言：因为业务需要，现在将整理的录音功能资料记录下，使用插件js-audio-recorder实现效果：可得到三种录音数据，pcm,wav,mp3等 官方api入口：点我(网不好的童鞋可以看最下面的api截图)官方案例入口：点我官方源码git入口：点我实现步骤：cnpm ijs-audio-recorder--s二：安装将格式转换为mp3的插件 lamejscnpm install lame...
Recorder.js
08-12
Recorder.js
使用 Recorder.js 在vue项目中实现录音功能
qq_41920758的博客
08-08 2155
btn_not_pressed_img: require("@/img/按钮未按状态.png"),console.log("音频设备打开失败, err= ", err);btn_pressed_img: require("@/img/按钮按下状态.png")console.log("录音设备关闭失败,err= ", err);console.log("没有在录音，请长按按钮");console.log("开始录音");
Recorder.js 使用教程
最新发布
gitblog_01010的博客
08-16 631
Recorder.js 使用教程 recorder.js*UNMAINTAINED* JavaScript library to record audio in browsers as used in the SoundCloud Javascript SDK.项目地址:https://gitcode.com/gh_mirrors/re/recorder.js 项目介绍 Recorder.js...
网页端录音Recorder.js，单声道16k采样率录音工具
07-04
网页端录音Recorder.js，单声道16k采样率录音工具，在使用各大平台语音转文字时可用
vue使用recorder.js实现录音功能
10-15
主要为大家详细介绍了vue使用recorder.js实现录音功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
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为错误信息 // ... }); ```
vue实现录音功能js-audio-recorder
YanAhao的博客
08-12 2335
前言： 因为业务需要，现在将整理的录音功能资料记录下，使用插件js-audio-recorder 实现效果：可得到三种录音数据，pcm,wav,mp3等 官方api入口：点我(网不好的童鞋可以看最下面的api截图) 官方案例入口：点我 官方源码git入口：点我 实现步骤： 一：安装插件js-audio-recorder cnpm ijs-audio-recorder--s 二：安装将格式转换为mp3的插件lamejs cnpm install lam...
Recorder开启手机录音功能并将录音保存本地
qq_35257117的博客
04-11 2180
在 index.html中引入cdn 中的script代码： <script src="https://cdn.jsdelivr.net/gh/xiangyuecn/Recorder@latest/src/recorder-core.js"></script> <script src="https://cdn.jsdelivr.net/gh/xiangyuecn/Recorder@latest/src/engine/mp3.js"></script&gt.
Vue 使用 js-audio-recorder 实现录制、播放、下载音频
ProgramNovice的博客
12-19 4532
Vue 使用 js-audio-recorder 实现录制、播放、下载音频
recorder.js网页录音功能
11-08
换汤不换药，大概功能性代码不变，只是界面不同，这个模仿了微信按住录音，释放发送录音文本的功能！更加有趣，下载后运行应该注意的是，不要使用sublime运行，使用webstrom运行，然后点击谷歌的手机模拟器模拟长按效果才有效，单独网页点击无效的！
Jrecorder前端HTML JS实现录音
04-18
Jrecorder前端HTML JS实现录音，对于浏览器兼容非常好
HZRecorder.js
03-02
HZRecorder.js是一个用于在浏览器端实现录音的工具类，但是不支持IE
HTML5录音插件Recorder.js
06-01
Recorder.js HTML5 麦克风录音，输出WAV
Recorder.js：一款简单的Web音频录制库
gitblog_00030的博客
03-17 2568
Recorder.js：一款简单的Web音频录制库 Recorder.js 是一个轻量级的JavaScript库，它允许你在浏览器中轻松地录制、处理和保存音频数据。借助Recorder.js，你可以构建各种有趣的Web应用程序，如语音备忘录、在线录音室或教育工具。 功能与应用案例 使用Recorder.js，您可以实现以下功能： 录音：在Web页面上为用户提供简单的录音体验。 剪辑和处理：对音频...
Vue中使用js-audio-recorder插件实现录音功能并实现上传Blob数据到SpringBoot后台接口
热门推荐
BADAO_LIUMANG_QIZHI的博客
09-20 1万+
浏览器web端实现语音消息录制并在录制结束之后将其上传到后台接口。在上面的基础上，搭建前后端的架构。
vue 引入recorderX录音插件
军魂L
01-30 8881
这是我引入的步骤，因为我第一次引入不会搞，浪费了很多时间，写个博客记录一下~通过询问写这个插件的大神才解决了我的问题~ 1、引入插件 npm install recorderx -S 2、import 进页面 import Recorder from 'recorderx'; const rc=0; 3、开始录音 let that = this; this.$nextTic...
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值