> 웹 프론트엔드 > JS 튜토리얼 > WeChat 미니 프로그램에서 녹음 및 재생 기능을 구현하는 방법

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

亚连
풀어 주다: 2018-06-15 16:21:57
원래의
3624명이 탐색했습니다.

이 글에서는 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿