UniApp의 오디오 재생 및 녹음 팁과 사례

UniApp(유니버설 앱)은 HTML5를 기반으로 모바일 애플리케이션, 애플릿 및 H5 애플리케이션을 개발하는 데 사용할 수 있는 크로스 플랫폼 애플리케이션 개발 프레임워크입니다. UniApp에서는 오디오 재생 및 녹음이 일반적인 요구 사항입니다. 이 문서에서는 오디오 재생 및 녹음에 대한 몇 가지 기술과 사례를 소개하고 관련 코드 예제를 제공합니다.

1. 오디오 재생
UniApp에서는 uni.createInnerAudioContext()를 사용하여 오디오 객체를 생성할 수 있습니다. 다음은 간단한 오디오 재생 코드 예입니다.

// 创建音频对象
const audio = uni.createInnerAudioContext();

// 设置音频源
audio.src = '__STATIC__/audio/sample.mp3';

// 播放音频
audio.play();

// 监听音频播放完成事件
audio.onEnded(() => {
  console.log('音频播放完成');
});

// 监听音频播放错误事件
audio.onError((err) => {
  console.log('音频播放错误', err);
});

위 코드에서는 createInnerAudioContext() 메서드를 통해 오디오 객체가 생성됩니다. 그런 다음 src 속성을 사용하여 오디오 소스를 설정합니다. 여기서는 정적 리소스에 대한 경로를 사용합니다. 다음으로 play() 메서드를 호출하여 오디오를 재생합니다. onEnded() 메소드를 통해 오디오 재생 완료 이벤트를 모니터링합니다. 오디오 재생이 완료되면 콜백 함수가 트리거됩니다. onError() 메서드를 통해 오디오 재생 오류 이벤트를 모니터링합니다. 오디오 재생 오류가 발생하면 콜백 함수가 트리거됩니다.

2. 오디오 녹음
UniApp에서는 uni.startRecord() 및 uni.stopRecord() 메소드를 사용하여 오디오를 녹음할 수 있습니다. 다음은 간단한 오디오 녹음 코드 예시입니다.

// 开始录制音频
uni.startRecord({
  success: (res) => {
    console.log('音频录制成功', res.tempFilePath);
  },
  fail: (err) => {
    console.log('音频录制失败', err);
  }
});

// 停止录制音频
setTimeout(() => {
  uni.stopRecord();
}, 5000);

위 코드에서는 startRecord() 메서드를 통해 오디오 녹음이 시작됩니다. startRecord() 메소드는 객체를 매개변수로 전달받으며, 해당 객체에 성공 및 실패 속성을 정의할 수 있습니다. 오디오 녹음이 성공하면 성공 함수가 호출되고 res.tempFilePath에는 녹음된 오디오 임시 파일 경로가 포함됩니다. 오디오 녹음이 실패하면 실패 함수가 호출되며 err 매개변수에는 오류 정보가 포함됩니다.

setTimeout() 메서드를 통해 5초 지연을 설정한 다음 stopRecord() 메서드를 호출하여 오디오 녹음을 중지합니다.

3. 요약
이 글에서는 UniApp의 오디오 재생 및 녹음 기술과 사례를 소개하고 관련 코드 예제를 제공합니다. createInnerAudioContext() 메서드를 통해 오디오 객체를 생성하고, 오디오 소스를 설정하고 오디오를 재생하며, onEnded() 메서드를 통해 오디오 재생 완료 이벤트를 모니터링하고, onError() 메서드를 통해 오디오 재생 오류 이벤트를 모니터링합니다. startRecord() 메서드를 통해 오디오 녹음을 시작하고, uni.stopRecord() 메서드를 통해 오디오 녹음을 중지합니다. 이 기사가 UniApp에서 오디오 재생 및 녹음을 구현하는 데 도움이 되기를 바랍니다.

위 내용은 UniApp의 오디오 재생 및 녹음 팁과 사례의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!