录音功能总结

最新推荐文章于 2022-08-25 16:58:57 发布
最新推荐文章于 2022-08-25 16:58:57 发布
阅读量450 收藏
点赞数 1
分类专栏： 积累经验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wmwmdtt/article/details/86715965
版权
录音功能总结
功能/设备pcappwechat
评论列表
录音也是一个数组，利用art-template进行ui渲染
1,需要两个辅助函数，其一是一元一次方程计算录音的宽度：
最小75px,每秒增加3px,最大不超250px，即：y=3X+72
2,其二是时间显示：90秒转化为1`30``,本质就是除以60和取余
播放分MP3和amr以区别播放器，所有资源均在阿里云oss
1,需要两个变量分别是：目前是否正在播放|下次是否播放,条件略复杂
2,amr使用第三方插件播放：https://github.com/BenzLeung/benz-amr-recorder
react渲染录音数组
其余类似pc端
react渲染录音数组
其余类似pc端
新增/编辑无法录语音根据**app**给予前端接口去录制|结束录制|**通知客户端上传**等操作，成功回调后添加录音数组,播放和显示与评论列表类似根据**微信sdk**给予前端接口去录制|结束录制|**通过后端接口上传**等操作，成功回调后添加录音数组,播放和显示与评论列表类似
比较耗时的任务点有

  • 微信录制语音，录制完后的与后端调试上传的过程漫长

  • 由于播放在三端的交互一致，所用的方法一致，条件太多（涉及上一次播放结束与否，后缀不同等），所以播放方法有点复杂

最低0.47元/天 解锁文章
也不是什么极客
关注
专栏目录
Android实现录音功能汇总
济沧海 x 远沧溟
06-10 6320
Android实现录音功能汇总一、目标二、录音效果比较三、MediaRecorder四、参考文章五、开源项目六、同时使用MediaRecorder和AudioRecord七、调用第三方应用录音八、调研过程回顾九、Finally 神马笔记新的版本准备加入录音功能。 一、目标 为神马笔记加入录音功能做技术储备。 二、录音效果比较 比较了MediaRecorder和AudioRecord的录音效果，尝试...
Vue中使用benz-amr-recorder插件实现播放amr音频文件以及在线url跨域问题解决
BADAO_LIUMANG_QIZHI的博客
09-23 3599
需要做一个Android端和Web端的聊天室，Android端的录音音频文件为.amr格式，除了通过后台server端转码之后，是否可以通过插件在前端直接播放amr的音频文件。
vue 解析并播放amr文件
m0_50650725的博客
06-09 866
vue解析并播放amr文件
vue实现录音功能及播放amr文件（pc端）
weixin_34417814的博客
06-04 7200
录音功能一般来说在移动端比较常见，但是在pc端也要实现按住说话的功能呢？项目需求：按住说话，时长不超过60秒，生成语音文件并上传，我这里用的是recorder.js 1.项目中新建一个recorder.js文件，内容如下，也可在百度上直接搜一个 //兼容window.URL=window.URL||window.webkitURLnavigator.getUserMedia=...
在VUE中播放音频（audio介绍与使用）
热门推荐
qq_45820271的博客
08-25 3万+
本文介绍了如何使用audio标签播放音频，并在vue2,vue3以及uniapp中使用
vue 播放.amr语音文件
做一个有知识的流氓
05-25 1022
【代码】vue 播放.amr语音文件。
Android 实现电话来去自动录音的功能
09-01
总结起来，Android 实现电话自动录音功能需要监听电话状态变化，通过 `PhoneStateListener` 处理来电和去电状态，并结合 `BroadcastReceiver` 监听去电拨号。在适当的状态下，利用 `MediaRecorder` 进行录音操作。在...
具有自动录音功能的电话接口电路图
08-14
总结来说，具有自动录音功能的电话接口电路图涉及了光电耦合器、计数/分配器和语音电路等核心元素，它们协同工作以实现电话振铃后的自动应答和录音。这种设计不仅方便了用户，也为电话通信增加了智能化的元素。对于...
Nucleus系统的移动终端录音功能设计
11-11
总结，本文详细探讨了Nucleus系统下移动终端录音功能的设计与实现，从硬件基础到软件实现，再到关键的AMR编码算法，以及录音功能的具体软件设计和调试过程。随着移动通信技术的持续发展，对录音功能的需求不断提升，...
利用benz-amr-recorder开发语音发送窗口功能以及所遇到的坑
【03】的博客
08-18 1358
安装依赖 npm install benz-amr-recorder html <template> <div class="voice_view"> <p class="voice_view_star_tip" v-show="voice.type === 0">点击录音</p> <van-divider class="voice_view_ing_tip" dashed :hairline="false" :sty
arm音频页面播放js.zip
12-23
页面如果播放amr音频的话，可以集成这个js,需要注意，不能跨域播放
js 播放amr音频文件
07-02
js 播放amr音频文件,将amr文件转化成base64字符串，用js转换成音频播放
react-voice-recorder:这个（react-voice-recorder）是用于React ApplicaitonJavaScript库，该库将用于将语音记录为音频并下载相同的
04-30
React声音记录器 这个（react-voice-recorder）是用于React ApplicaitonJavaScript库，该库将用于将语音记录为音频并下载。 演示版 签出 安装 npm i react-voice-recorder //这将下载模块的最新版本。 导入您的项目文件 import {Recorder} from 'react-voice-recorder' import 'react-voice-recorder/dist/index.css' 在渲染方法中声明 this.state = { audioDetails: { url: null, blob: null, chunks: null, duration: { h: 0, m: 0,
react如何请求amr文件流接口-优化版
Yanxiaona111的博客
05-06 530
import React, { PureComponent } from 'react'; import BenzAMRRecorder from 'benz-amr-recorder'; import { Col, Row } from 'antd'; import { PlayCircleOutlined, PauseCircleOutlined } from '@ant-design/icons'; import amrCeshi from "../../../../assets/audio/amrC
vue.js用benz-amr-recorder实现播放amr格式音频
qq_38914807的博客
02-04 1903
纯前端解码、播放、录音、编码 AMR 音频，无须服务器支持，基于 [amr.js] 注意：由于使用了 amr.js 做编码和解码，因此 js 文件（压缩后，未 gzip）接近 500 KB，使用前请考虑。 安装 npm i benz-amr-recorder --save 使用时引用 import BenzAMRRecorder from 'benz-amr-recorder' html部分 <div class="dialogue-item" v-if="diagItem.msgtyp
VUE使用benz-amr-recorder 实现解码、播放
qq_32900003的博客
09-08 3204
安装 npm install benz-amr-recorder 引入 const BenzAMRRecorder = require('benz-amr-recorder') 使用 <template> <div class="wx-voice-div" @click="playVoice(objData)"> </template> methods:{ amrPlay(amr,obj){ //播放 this.$se
vue.js用benz-amr-recorder实现播放amr格式音频 AMR 录音机
coldriversnow的专栏
05-26 2893
vue.js实现播放amr格式 benz-amr-recorder - npm 安装 npm i benz-amr-recorder --save 引用 import BenzAMRRecorder from 'benz-amr-recorder' html部分 <el-descriptions-item label="上报音频"> <template v-if="ruleForm.AJYP == null"> 暂无音频 </templat
纯前端解码、播放、录音、编码 AMR 音频，无须服务器支持
礼拜八的博客
02-22 8737
纯前端解码、播放、录音、编码 AMR 音频，无须服务器支持，基于amr.js 和 RecorderJs。 特性 方便的 API 实现解码、播放、录音、编码 AMR 文件。 支持 url 和 blob （即&lt;input type="file"&gt;）方式获取 AMR。 支持将浏览器 &lt;audio&gt; 所支持的音频格式（例如 MP3 或 OGG 音频）转换成 AMR 音频。 ...
web页面播放arm格式音频
jxyang95的博客
04-29 4458
web页面播放.arm格式音频，arm-js语音插件 AMR 录音机 (README in English) 纯前端解码、播放、录音、编码 AMR 音频，无须服务器支持，基于amr.js和RecorderJs。 注意：由于使用了 amr.js 做编码和解码，因此 js 文件（压缩后，未 gzip）接近 500 KB，使用前请考虑。 特性 方便的 API 实现解码、播放、录音...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值