メインコンテンツにジャンプ
@capgo/capacitor-オーディオレコーダー メディア オープンソース

オーディオレコーダー Capacitor プラグイン

iOS、Android、Webで簡単な操作とフォーマットで音声録音

インストール

bun add @capgo/capacitor-audio-recorder bunx cap sync
npm、pnpmまたはyarn
  • npm install @capgo/capacitor-audio-recorder
  • pnpm add @capgo/capacitor-audio-recorder
  • yarn add @capgo/capacitor-audio-recorder

ガイド

Capacitorで使用する方法のAudio Recorder

デバイスでテスト

Capgoアプリをダウンロードし、QR codeをスキャンしてください。

オーディオレコーダープラグインのプレビューQRcode

@capgo/capacitor-audio-recorderを使用

オーディオレコーディング用のCapacitorプラグイン契約

インストール

bun add @capgo/capacitor-audio-recorder
bunx cap sync

bunx cap sync プラグインのネイティブcodeをプロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。

インポート

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

APIの概要

メソッド 概要
startRecording デバイスのマイクを使用して音声の録音を開始します。
pauseRecording 進行中の録音を一時停止します。Android (API 24+), iOS, および Web でのみ利用可能です。
resumeRecording 前回一時停止した録音を再開します。
stopRecording 現在の録音を停止し、記録された音声を保存します。
cancelRecording 現在の録音をキャンセルし、記録された音声を破棄します。
getRecordingStatus 現在の録音の状態を取得します。
getCurrentAmplitude 現在の入力振幅 (マイクレベル) を取得します。範囲は 0 から 1 です。 [0, 1] range.
checkPermissions マイクへのアクセス許可を要求します。
requestPermissions 例

Examples

startRecording()

デバイスマイクを使用して音声の録音を開始します。

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.startRecording();

pauseRecording()

進行中の録音を一時停止します。Android (API 24+), iOS, および Web でのみ利用可能です。

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.pauseRecording();

resumeRecording()

前回一時停止した録音を再開します。

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.resumeRecording();

stopRecording()

現在の録音を停止し、記録された音声を保存します。

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

const result = await CapacitorAudioRecorder.stopRecording();
console.log(result);

cancelRecording()

現在の録音をキャンセルし、記録された音声を破棄します。

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.cancelRecording();

getRecordingStatus()

現在の録音の状態を取得します。

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

const result = await CapacitorAudioRecorder.getRecordingStatus();
console.log(result);

上の表には、9つの基本メソッドがリストされています。リスナーとバージョンヘルパー、各メソッドの完全な契約は、__CAPGO_KEEP_0__ リポジトリにドキュメントされています。 GitHub リポジトリ.

イベントをリスンします。

addListener ハンドルを返します。画面がアンマウントされたとき、またはリスナーをすべてクリアしたときに呼び出してください。 handle.remove() ハンドルを返します。画面がアンマウントされたとき、またはリスナーをすべてクリアしたときに呼び出してください。 CapacitorAudioRecorder.removeAllListeners() ハンドルを返します。画面がアンマウントされたとき、またはリスナーをすべてクリアしたときに呼び出してください。

完全なリファレンス

@capgo/capacitor-オーディオレコーダーから続けて

__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-オーディオレコーダーを使用している場合 capgo/capacitor-オーディオレコーダーを使用している場合 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-オーディオレコーダーと接続して capgo/capacitor-オーディオレコーダー @capgo/capacitorオーディオレコーダーの実装詳細 始め方の実装詳細 続けて Capacitorを使用して@capgo/capacitor-live-activities Capacitorを使用して@capgo/capacitor-live-activitiesのネイティブ機能 @capgo/capacitor-ライブアクティビティ Capacitorを使用して@capgo/capacitor-live-activitiesの実装詳細 Capacitorを使用して@capgo/capacitor-video-player Capacitorを使用して@capgo/capacitor-video-playerのネイティブ機能

FAQ

オーディオレコーダープラグインのFAQ

CapacitorオーディオレコーダープラグインをCapacitorアプリにインストールする方法は何ですか。

Run "bun add @capgo/capacitor-audio-recorder" (or "npm install @capgo/capacitor-audio-recorder"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-audio-recorder" in your app code.

Capgoアプリで@capgo/capacitor-オーディオレコーダーがReact、Vue、Angularとどのように動作する?

Yes. Audio Recorder is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Which Capacitor version does @capgo/capacitor-audio-recorder support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

@capgo/capacitor-オーディオレコーダーは無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-audio-recorder/ and the package is free to install from npm. Bug reports and pull requests are welcome.

アップデート code がアプリストアレビューなしで使用する Audio Recorder が可能ですか。

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

アプリレビューの待たずにShip Audio Recorderの変更

プラグインがストアビルドに含まれると、Capgoライブアップデートは、ユーザーにJavaScript、HTML、CSSの変更を数分でプッシュします。

Capgoから始めます。