メインコンテンツにジャンプ
@capgo/capacitor-メディアセッション メディア オープンソース

メディア セッション Capacitor プラグイン

ロック画面と通知センターからメディア再生を制御

インストール

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

ガイド

How to use Media Session in Capacitor

デバイスでテスト

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

Media Session プラグインのプレビュー QR code

Capacitor の @capgo/capacitor-media-session を使用

デバイスのメディアセッションコントロールを公開するCapacitorプラグイン。

インストール

bun add @capgo/capacitor-media-session
bunx cap sync

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

インポート

import { MediaSession } from '@capgo/capacitor-media-session';

APIの概要

メソッド 説明
setMetadata 現在再生中のメディアのメタデータを設定します。
setPlaybackState メディアセッションの再生状態を更新します。
setActionHandler メディアセッションのアクションのハンドラーを登録します。
setPositionState アクティブなメディアセッションの位置情報を更新します。

例

setMetadata()

現在再生中のメディアのメタデータを設定します。

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setMetadata({ album: 'album' });

setPlaybackState()

メディアセッションの再生状態を更新します。

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setPlaybackState({ playbackState: 'none' });

setActionHandler()

メディア セッション アクションのハンドラーを登録します。

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setActionHandler({ action: 'play' }, (details) => {
  console.log(details);
});

setPositionState()

アクティブ メディア セッションの位置情報を更新します。

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setPositionState({
  duration: 1000,
  playbackRate: 1,
  position: 10,
});

フル リファレンス

capgo/capacitor-media-session を使用している場合

__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-media-session を使用しています Using @capgo/capacitor-media-session 計画ダッシュボードとAPIの運用を、 capgo/capacitor-media-session を使用している場合、@capgo/capacitor-media-session を接続します。 capgo/capacitor-media-session を使用して、@capgo/capacitor-media-session の実装詳細を参照してください。 スタートガイド スタートガイドの実装詳細について API オーバーウィュー API オーバーウィューの実装詳細について 導入 導入の実装詳細について、 API キー API キーの実装詳細について。

よくある質問

@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-media-sessionのFAQ

Capacitor Media Session プラグインを Capacitor アプリにインストールする方法は何ですか。

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

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

React、Vue、Angularと一緒に@Capacitor/Capacitor-media-sessionを使用することはできますか?

Which Capacitor version does @capgo/capacitor-media-session support?

Capgo プラグインは Capacitor のメジャーバージョンに従います: Capacitor のメジャーバージョンと一致するプラグインのメジャーバージョンを使用してください (例: プラグイン v8 と Capacitor 8)。互換性のある表は GitHub README に記載されています。

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

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

code を Media Session を使用する場合に App Store のレビューなしで更新できますか?

プラグインをインストールまたはアップグレードするとネイティブ code が変更されるため、ストアのビルドが必要になります。その後、JavaScript、HTML、CSS の変更がプラグインを呼び出すと Capgo のライブアップデートで即時実行できます。

メディアセッションの変更をアプリレビューの待たずに配信

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

Capgoで始めましょう