メインコンテンツへスキップ
@capgo/capacitor-screen-recorder メディア オープンソース

画面録画 Capacitor プラグイン

チュートリアルやデモ、バグ報告用に、音声付きの画面録画をキャプチャします

インストール

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

ガイド

Capacitor で Screen Recorder を使う方法

実機でテストする

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

Screen Recorder プラグインのプレビューQR code

@capgo/capacitor-screen-recorder の使い方

Capacitor Screen Recorder Pluginは、デバイスの画面を録画するためのプラグインです。オプションで音声付きの画面録画が可能です。

インストール

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

このプラグインで利用可能な機能

  • start - デバイスの画面録画を開始します。
  • stop - 現在の画面録画を停止します。

使用例

start

デバイス画面の録画を開始します。

import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';

// Start recording without audio
await ScreenRecorder.start();

// Start recording with audio
await ScreenRecorder.start({ recordAudio: true });

stop

現在の画面録画を停止します。

import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';

await ScreenRecorder.stop();
console.log('Recording saved to gallery');

リファレンス全文

@capgo/capacitor-screen-recorder の使用方法へ

使用している場合 @capgo/capacitor-screen-recorder の使い方 ネイティブメディアとインターフェースの挙動を計画するには、次と連携させてください @capgo/capacitor-screen-recorder @capgo/capacitor-screen-recorder の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 @capgo/capacitor-live-activities の使用 @capgo/capacitor-live-activities の使用におけるネイティブ機能については、 @capgo/capacitor-live-activities @capgo/capacitor-live-activities の実装の詳細については、 @capgo/capacitor-video-playerの使用方法 「@capgo/capacitor-video-player. の使い方」のネイティブ機能については

よくある質問

Screen Recorder プラグイン FAQ

Capacitor アプリに Screen Recorder プラグインをインストールするには?

"bun add @capgo/capacitor-screen-recorder" (または "npm install @capgo/capacitor-screen-recorder") を実行し、次に "bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させます。その後、アプリの code から "@capgo/capacitor-screen-recorder" をインポートしてください。

@capgo/capacitor-screen-recorder は React、Vue、Angular で動作しますか?

はい。Screen Recorder は Capacitor パッケージであるため、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript を含む、Capacitor 内で動作するあらゆる Web フレームワークで使用可能です。

@capgo/capacitor-screen-recorder はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-screen-recorderは無料でオープンソースですか?

はい。codeのソースコードはGitHubの https://github.com/Cap-go/capacitor-screen-recorder/ で公開されており、パッケージはnpmから無料でインストールできます。バグ報告やプルリクエストも歓迎しています。

App Storeの審査なしで、Screen Recorderを使用しているcodeをアップデートできますか?

プラグインのインストールやアップグレードはネイティブの code を変更するため、新しいストアビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo Live Updates で即座に配信できます。

アプリの審査を待たずに、Screen Recorderの変更をリリース

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める