WeChat 미니 프로그램에서 녹음 및 재생 기능을 구현하는 방법

이 글에서는 주로 WeChat 미니 프로그램 녹화 및 재생 녹화 기능을 소개합니다. 미니 프로그램은 두 가지 녹화 API, 즉 이전 버전 녹화 기능과 새 버전 녹화 기능을 제공합니다.

미니 프로그램은 두 가지 API를 제공합니다. 녹음용 API

녹음 기능의 이전 버전

먼저 녹음을 시작한 다음 녹음을 중지하여 오디오의 임시 주소로 가져옵니다

녹음 시작:

var that = this;
  wx.startRecord({
   success: function (res) {
    // 调用了停止录音接口就会触发这个函数，res.tempFilePath为录音文件临时路径
    var tempFilePath = res.tempFilePath
    that.setData({
     src: tempFilePath
    })
   },
   fail: function (res) {
    //录音失败的处理函数
   }
  })

녹음 중지:

wx.stopRecord()

녹음 재생:

wx.playVoice({
 filePath: src // src可以是录音文件临时路径
})

새 버전의 녹음

전 세계적으로 고유한 녹음 관리자를 가져오면 녹음이 이에 따라 달라지며 녹음을 재생하려면 내부 오디오 컨텍스트 innerAudioContext 개체가 필요합니다.

유일한 글로벌 녹음 관리자 받기:

var that = this;
  this.recorderManager = wx.getRecorderManager();
  this.recorderManager.onError(function(){
   // 录音失败的回调处理
  });
  this.recorderManager.onStop(function(res){
   // 停止录音之后，把录取到的音频放在res.tempFilePath
   that.setData({
    src: res.tempFilePath 
   })
   console.log(res.tempFilePath )
  });

녹음 시작:

this.recorderManager.start({
   format: 'mp3' // 如果录制acc类型音频则改成aac
});

녹음 종료:

this.recorderManager.stop()

오디오 재생:

this.innerAudioContext = wx.createInnerAudioContext();
  this.innerAudioContext.onError((res) => {
   // 播放音频失败的回调
  })
  this.innerAudioContext.src = this.data.src; // 这里可以是录音的临时路径
  this.innerAudioContext.play()

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되기를 바랍니다. .

관련 기사:

JS에서 오프셋 및 균일 애니메이션을 구현하는 방법

Bootstrap에서 테이블 병합 셀을 구현하는 방법

JavaScript의 선택 드롭다운 상자에서 첫 번째 값을 얻는 방법

AngularJS에서 실시간으로 비밀번호를 가져오고 표시하는 방법

위 내용은 WeChat 미니 프로그램에서 녹음 및 재생 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!