小程序录音播放

╰+攻爆jí腚メ 2023-06-23 12:57 9阅读 0赞

今天做一个简陋的录音效果,下面就直接上代码

//touch start
          handleTouchStart:  function (e)  {
                    this.startTime  =  e.timeStamp;
                    //console.log(" startTime = " + e.timeStamp);  
          },
    
          //touch end
          handleTouchEnd:  function (e)  {
                    this.endTime  =  e.timeStamp;
                wx.stopRecord() // 结束录音
                    //console.log(" endTime = " + e.timeStamp);  
          },
    
          handleClick:  function (e)  {
                    //console.log("endTime - startTime = " + (this.endTime - this.startTime));    
                    if  (this.endTime  -  this.startTime  <  350)  {
                          console.log("点击");
                          this.playVoice()
                    }
          },
    
          handleLongPress:  function (e)  {
                //console.log("endTime - startTime = " + (this.endTime - this.startTime));
                console.log("长按");
                this.record()
          },
    
          record: function() {
                let that = this;
                wx.startRecord({
                      success(res) {
                            const tempFilePath = res.tempFilePath
                            console.log(tempFilePath)
                            that.setData({
                                  tempFilePath: tempFilePath
                            })
                      }
                })
          },
    
          playVoice: function() {
                let that = this;
                let tempFilePath = that.data.tempFilePath
                wx.playVoice({
                      filePath: tempFilePath,
                      complete() { }
                })
          },