vue3+uniapp+vite 微信小程序实现录音实时声波波纹_微信小程序波形

作者：小桥流水78 | 2024-07-29 17:21:38

踩

微信小程序波形

效果：

记录一下网上查到的方法都不能满足实时获取音频分贝大小，用原生的 RecorderManager.onFrameRecorded 监听帧数要用 js-mp3 这个是vue2的，不能直接使用。最终方案是用recorder-core

向右递增效果不需要用canva绘制、动画，用unshift()

要点：

一、vue3 this 要用 proxy

const { proxy } = getCurrentInstance()

二、powerLevel 就是实时帧数，比用原生的 RecorderManager.onFrameRecorded 精准，效率高

代码：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小桥流水78/article/detail/899884

vue3+uniapp+vite 微信小程序 实现录音实时声波波纹_微信小程序 波形