ガイド
How to use Photo Library in Capacitor
capgo/capacitor-photo-library を使用する
Capacitor プラグインは、写真ギャラリーをWebページとして表示するか、変更できないネイティブスクリーンを表示します。
インストール
bun add @capgo/capacitor-photo-library
bunx cap sync
bunx cap sync プラグインのネイティブ code をプロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。
インポート
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
APIの概要
| 方法 | 概要 |
|---|---|
checkAuthorization |
ユーザーに質問を提示せずに、現在の認証状態を取得します。 |
requestAuthorization |
必要に応じて写真ライブラリへのアクセスを要求します。 |
getAlbums |
利用可能なアルバムを取得します。 |
getLibrary |
ウェブビューで表示できるURLとともにライブラリのアセットを取得します。 |
getPhotoUrl |
アセットのフル解像度版の表示可能なURLを取得します。必要に応じて、既にこのメソッドを呼び出した場合は、このメソッドを呼び出す必要はありません。 getLibrary with includeFullResolutionDataアセットのリサイズしたサムネイルの表示可能なURLを取得します。 |
getThumbnailUrl |
ユーザーが写真ライブラリへのフルアクセスを許可せずに、ネイティブシステムのピッカーを開きます。選択されたファイルはアプリケーションキャッシュにコピーされ、ポータブルなURLで返されます。 |
pickMedia |
例 |
サポート
checkAuthorization()
ユーザーに質問を提示せずに、現在の認証状態を取得します。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.checkAuthorization();
console.log(result);
requestAuthorization()
写真ライブラリへのアクセスを要求します。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.requestAuthorization();
console.log(result);
getAlbums()
利用可能なアルバムを取得します。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getAlbums();
console.log(result);
getLibrary()
アセットと表示可能なURLを含むウェブビューで表示できるURLを取得します。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getLibrary();
console.log(result);
getPhotoUrl()
アセットのフル解像度版の表示可能なURLを取得します。既に__CAPGO_KEEP_0__を呼び出した場合は通常このメソッドを呼び出す必要はありません。 getLibrary with includeFullResolutionData通常、このメソッドは必要ありません。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getPhotoUrl({ id: 'id-123' });
console.log(result);
getThumbnailUrl()
完全なリファレンス
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
const result = await PhotoLibrary.getThumbnailUrl({ id: 'id-123' });
console.log(result);
ドキュメント GitHub リポジトリ.
ドキュメント
capgo/capacitor-photo-libraryの使用を続けてください
Capacitor Photo Libraryを使用している場合 Using @capgo/capacitor-photo-library プラグインを使用してネイティブのメディアとインターフェイスの動作を計画し、接続する Capacitor Photo Libraryの実装詳細については、@capgo/capacitor-photo-libraryのドキュメントを参照してください Capacitor-Photo-Libraryの実装詳細については、@capgo/capacitor-photo-libraryを参照してください。 Getting Startedのドキュメントを参照してください Capacitor Live Activitiesを使用している場合 @capgo/capacitor-ライブアクティビティ Capacitorのネイティブ機能のために@capgo/capacitor-ライブアクティビティを使用します。 @capgo/capacitor-ライブアクティビティ @capgo/capacitor-ライブアクティビティの実装詳細について @capgo/capacitor-ビデオプレーヤー Capacitorのネイティブ機能として使用する@capgo/capacitor-video-player.