微信小程序怎么实现录音时的麦克风动画效果

用小程序实现录音时的麦克风动画效果，需要分几个步骤：

Step 1：搭建基本框架

首先，需要在小程序中创建一个新的页面，并且在该页面中添加一个按钮用于开始和停止录音。在按钮下方添加一个麦克风图标，用于呈现动画。

Step 2：创建动画效果

为了实现麦克风动画效果，首先需要在CSS文件中定义一系列的动画效果。这些动画可以是旋转、闪烁、缩放等，根据具体需求选择。

// 定义麦克风动画
@keyframes mic {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

接下来，在页面的JS文件中，定义一个函数用于启动动画。该函数可以使用小程序提供的setInterval()，定时播放麦克风图标的动画。

onStartRecord: function(){
  var _this = this;
  var interval = setInterval(function(){
    _this.setData({
      micAnimation: true
    });
  },1000); 
}

需要注意的是，需要在setData()方法中设置micAnimation变量的值为true，以触发CSS动画。同时，在停止录音的时候，也需要用clearInterval()函数来中止动画。

Step 3：启动和停止录音

启动和停止录音是实现该效果的关键步骤。为了实现这一点，需要使用小程序提供的wx.startRecord()和wx.stopRecord()方法，这些方法可以让你启动和停止录音。

onStartRecord: function(){
  var _this = this;
  var interval = setInterval(function(){
    _this.setData({
      micAnimation: true
    });
  },1000); 
  wx.startRecord({
    success: function(res) {
      console.log(res);
    },
    fail: function(res) {
      console.log(res);
    }
  });
},
onStopRecord: function(){
  clearInterval(interval);
  this.setData({
    micAnimation: false
  });
  wx.stopRecord();
}

需要注意的是，需要在启动录音的时候处理好权限的设置，否则录音可能会失败。可以使用wx.getSetting()和wx.authorize()方法来获取和设置权限。

以上就是实现小程序麦克风动画效果的基本步骤。根据实际需求，可以对动画效果和录音方法进行进一步的扩展。例如，可以增加一个录音进度条等。