@capgo/capacitor-native-audio를 사용하세요.
네이티브 오디오 엔진을 위한 네이티브 플러그인입니다.
설치
npm install @capgo/capacitor-native-audio
npx cap sync
이 플러그인이 노출하는 것
configure- 오디오 플레이어를 설정하세요.preload- 오디오 파일을 로드하세요.playOnce- 오디오 파일을 자동으로 정리하면서 한 번 재생하세요.isPreloaded- 오디오 파일이 미리 로드되었는지 확인하세요.
예시 사용
configure
- 오디오 플레이어를 설정하세요.
import { NativeAudio } from '@capgo/capacitor-native-audio';
await NativeAudio.configure({
focus: false,
background: false,
ignoreSilent: false,
showNotification: false,
backgroundPlayback: false,
});
preload
- 오디오 파일을 로드하세요.
import { NativeAudio } from '@capgo/capacitor-native-audio';
await NativeAudio.preload({
assetPath: 'path/to/file',
assetId: 'asset-id-123',
});
playOnce
- 오디오 파일을 자동으로 정리하면서 한 번 재생하세요.
import { NativeAudio } from '@capgo/capacitor-native-audio';
// Simple one-shot playback
await NativeAudio.playOnce({ assetPath: 'audio/notification.mp3' });
// Play and delete the file after completion
await NativeAudio.playOnce({
assetPath: 'file:///path/to/temp/audio.mp3',
isUrl: true,
deleteAfterPlay: true
});
// Get the assetId to control playback
const { assetId } = await NativeAudio.playOnce({
assetPath: 'audio/long-track.mp3',
autoPlay: true
});
// Later, you can stop it manually if needed
await NativeAudio.stop({ assetId });
isPreloaded
- 오디오 파일이 미리 로드되었는지 확인하세요.
import { NativeAudio } from '@capgo/capacitor-native-audio';
const result = await NativeAudio.isPreloaded({
assetPath: 'path/to/file',
assetId: 'asset-id-123',
});
console.log(result);
전체 참조
- GitHub: https://github.com/Cap-go/capacitor-native-audio/
- 문서: /docs/plugins/native-audio/
이미지 및 인터페이스 동작을 계획하는 데 사용하는 @capgo/capacitor-native-audio를 계속 사용하세요.
이미지 및 인터페이스 동작을 계획하는 데 사용하는 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-audio를 사용하고 있다면 Using @capgo/capacitor-native-audio native 미디어 및 인터페이스 동작을 계획하기 위해 연결하세요 @capgo/capacitor-native-audio Getting Started의 구현 세부 사항을 @capgo/capacitor-native-audio에서 확인하세요. 이미지 및 인터페이스 동작을 계획하는 데 사용하는 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activities를 사용하세요. 설정 시작에서 구현 세부 정보에 대해. Using @capgo/capacitor-live-activities @capgo/capacitor-live-activities의 구현 세부 사항을 @capgo/capacitor-live-activities에서 확인하세요. @capgo/capacitor-live-activities for @capgo/capacitor-live-activities 구현 세부 사항에 대해, @capgo/capacitor-video-player for @capgo/capacitor-video-player의 네이티브 기능