评论

小程序录音实时波形图实现

小程序录音实时波形图实现

实现思路:主要使用canvas绘制柱状图,音量大小由微信recorderManager.onFrameRecorded回调的数据通过快速傅里叶转换算法实现转换
<view style="display: flex; position: relative; justify-content: center; width: 100%; background-color: black;">
  <canvas id="myCanvas" type="2d" catch:touchstart="onTouchStart" catch:touchmove="onTouchMove" catch:touchend="onTouchEnd" style="width: 100%;height: 220px;"></canvas>
  <view style="position: absolute; width: 0.5px; height: 220px; background-color: blue;" />
</view>



最后一次编辑于  2023-04-26  
点赞 1
收藏
评论

2 个评论

  • 如何逼菩萨显灵
    如何逼菩萨显灵
    07-30

    请问有具体实现代码吗

    07-30
    赞同
    回复
  • zhe
    zhe
    2023-06-13

    哥们,你好牛,全网没找到,具体代码方便给个不?谢啦!

    2023-06-13
    赞同
    回复 2
    • DID
      DID
      06-26
      +1
      06-26
      回复
    • 森  Echo
      森 Echo
      07-22
      我也需要
      07-22
      回复
登录 后发表内容