메인 콘텐츠로 건너뛰기

오디오 레코더 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

Guide

How to use Audio Recorder in Capacitor

사용 방법

다운로드하여 Capgo 앱을 설치한 후 QR code 코드를 스캔하세요.

오디오 레코더 플러그인 미리보기 QR code

@capgo/capacitor-오디오 레코더 사용

Capacitor 오디오 녹음 플러그인 계약

설치

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

bunx cap sync 플러그인의 네이티브 code을 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

수입

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

API의 개요

방법 설명
startRecording 장치 마이크를 사용하여 음성을 녹음합니다.
pauseRecording 녹음 중단. 안드로이드 (API 24+), iOS, 및 웹에서만 사용할 수 있습니다.
resumeRecording 이전으로 중단된 녹음을 재개합니다.
stopRecording 현재 녹음을 중단하고 녹음된 음성을 저장합니다.
cancelRecording 현재 녹음을 취소하고 캡처된 음성을 폐기합니다.
getRecordingStatus 현재 녹음 상태를 가져옵니다.
getCurrentAmplitude 입력 진폭 (마이크 수준)을 가져옵니다. (0.0 ~ 1.0) [0, 1] range.
checkPermissions 마이크 접근 권한을 요청합니다.
requestPermissions 예시

Examples

startRecording()

장치 마이크를 사용하여 음성을 녹음하세요.

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

await CapacitorAudioRecorder.startRecording();

pauseRecording()

Android (API 24+), iOS, 및 웹에서만 사용할 수 있는 녹음 중단.

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 저장소.

handle을 반환합니다. 화면이 언마운트되거나, 또는 모든 리스너를 삭제하기 위해 호출하세요.

addListener Cancel the current recording and discard any captured audio. handle.remove() Retrieve the current recording status. CapacitorAudioRecorder.removeAllListeners() Pause the ongoing recording. Only available on Android (__CAPGO_KEEP_0__ 24+), iOS, and Web.

전체 참조

Using @capgo/capacitor-오디오 녹음기

__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-오디오 레코더를 계속 사용하세요 capgo/capacitor-오디오 레코더를 사용 중이라면 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-오디오 레코더와 연결하세요 capgo/capacitor-오디오 레코더의 구현 세부 사항 @capgo/capacitor 오디오 녹음기 구현 세부 사항 시작하기의 구현 세부 사항 설정 시작 지침에서 구현 세부 정보를 위해. @capgo/capacitor-live-activities native 기능을 위해 @capgo/capacitor-live-activities를 사용합니다. @capgo/capacitor-live-activities @capgo/capacitor-live-activities의 구현 세부 사항을 위해 @capgo/capacitor-video-player native 기능을 위해 @capgo/capacitor-video-player를 사용합니다.

FAQ

오디오 레코더 플러그인 FAQ

How do I install the Audio Recorder plugin in a Capacitor app?

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.

React, Vue 및 Angular과 함께 @capgo/capacitor-audio-recorder가 작동하나요?

네. 오디오 레코더는 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내에서 작동하는 경우에 작동합니다.

어떤 Capacitor 버전이 @capgo/capacitor-audio-recorder를 지원하나요?

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-오디오 녹음기 무료이며 오픈 소스인가요?

네. 소스 code는 GitHub에 공개되어 있습니다. https://github.com/Cap-go/capacitor-오디오 녹음기/ 에서 확인하실 수 있습니다. npm에서 패키지를 무료로 설치하실 수 있습니다. 버그 리포트와 풀 리퀘스트는 환영합니다.

code를 사용하는 오디오 녹음기와 함께 앱 스토어 리뷰 없이 업데이트가 가능한가요?

code를 설치하거나 업그레이드하면 네이티브 code가 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 Ship 오디오 녹음기 변경

플러그인이 스토어 빌드에 포함된 후, Capgo 라이브 업데이트 사용자에게 몇 분 내에 자바스크립트, HTML 및 CSS 변경을 푸시합니다.

Capgo로 시작하세요.