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

スクリーンレコーダー 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

ガイド

How to use Screen Recorder in Capacitor

デバイスでテストする

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

アプリストア Google Play
Screen Recorder プラグインのプレビュー QR code

@capgo/capacitor-screen-recorderを使用

Capacitor Screen Recorder プラグインは、オプションでオーディオを含む、デバイスの画面をキャプチャして動画を記録することができます。

インストール

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');

フル リファレンス

Using @capgo/capacitor-screen-recorder から続けてください。

あなたが Using @capgo/capacitor-screen-recorder を使用してネイティブメディアとインターフェイスの動作を計画し、__CAPGO_KEEP_0__-screen-recorderに接続します。 @capgo/capacitor-screen-recorder @capgo/capacitor-スクリーンレコーダーの実装詳細について スタートガイド Getting Startedの実装詳細 @capgo/capacitor-ライブ活動 native機能のために@capgo/capacitor-live-activitiesを使用します。 @capgo/capacitor-ライブアクティビティ @capgo/capacitor-ライブアクティビティの実装詳細のために @capgo/capacitor-ビデオプレーヤー Capacitor のネイティブ機能として、@capgo/capacitor-video-player を使用します。

FAQ

スクリーンレコーダープラグインFAQ

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

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

@capgo/capacitor-screen-recorderは、React、Vue、Angularとどのくらいの関係があるのでしょうか。

Yes. Screen 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-screen-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-screen-recorderは無料でオープンソースですか？

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

アップデート code がApp StoreのレビューなしでScreen 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 Screen Recorderの変更を実施する

Capgo

Capgo