ガイド
ネイティブ オーディオのチュートリアル
使用方法: @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({} as ConfigureOptions);
preload
オーディオファイルの読み込み
import { NativeAudio } from '@capgo/capacitor-native-audio';
await NativeAudio.preload({} as PreloadOptions);
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';
await NativeAudio.isPreloaded({} as PreloadOptions);
フルリファレンス
- GitHub: https://github.com/Cap-go/capacitor-native-audio/
- ドキュメント: /docs/plugins/native-audio/
Keep going from Using @capgo/capacitor-native-audio
Capacitor Native Audioを使用している場合 Using @capgo/capacitor-native-audio ネイティブメディアとインターフェイスの動作を計画するには、Capacitor Native Audioを使用します。Capacitor Native Audioを使用して、ネイティブメディアとインターフェイスの動作を実装します。 @capgo/capacitor-native-audio for the implementation detail in @capgo/capacitor-native-audio, Live Activitiesを使用して、ネイティブ機能を実装します。 Live Activitiesを使用して、ネイティブ機能を実装します。 Using @capgo/capacitor-live-activities for the native capability in Using @capgo/capacitor-live-activities, capgo/capacitor-ライブアクティビティ capgo/capacitor-ライブアクティビティの実装詳細について capgo/capacitor-ビデオプレーヤーの使用 capgo/capacitor-ビデオプレーヤーのネイティブ機能