>  기사  >  웹 프론트엔드  >  WeChat 미니 프로그램 녹화 및 재생 녹화 기능 예제 튜토리얼

WeChat 미니 프로그램 녹화 및 재생 녹화 기능 예제 튜토리얼

小云云
小云云원래의
2017-12-25 14:58:343948검색

이 글에서는 주로 WeChat 미니 프로그램 녹화 및 재생 녹화 기능을 소개합니다. 미니 프로그램은 이전 버전 녹화 기능과 새 버전 녹화 기능이라는 두 가지 녹화 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는 WeChat 애플릿의 왼쪽 및 오른쪽 슬라이딩 기능을 구현합니다

WeChat 미니 프로그램의 드롭다운 목록 기능 구현 방법

WeChat 미니 프로그램 기능 요약

위 내용은 WeChat 미니 프로그램 녹화 및 재생 녹화 기능 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:PHP에서 JSONAPI 적용다음 기사:PHP에서 JSONAPI 적용