Einstieg
Ein Setup-Vorschlag kopieren, der die Installationsanweisungen und die vollständige Markdown-Guideline für dieses Plugin enthält.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-photo-library`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/photo-library/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installieren
Abschnitt: InstallierenSie können unsere AI-gestützte Einrichtung verwenden, um das Plugin zu installieren. Fügen Sie den Capgo-Fähigkeiten Ihre AI-Tool mithilfe der folgenden Befehl hinzu:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsVerwenden Sie dann den folgenden Vorschlag:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-photo-library` plugin in my project.Wenn Sie die manuelle Einrichtung bevorzugen, installieren Sie das Plugin, indem Sie die folgenden Befehle ausführen und folgen Sie den unten angegebenen Plattform-spezifischen Anweisungen:
bun add @capgo/capacitor-photo-librarybunx cap syncImportieren
Abschnitt: Importierenimport { PhotoLibrary } from '@capgo/capacitor-photo-library';API Übersicht
Überschrift „API Übersicht“checkAuthorization
Überschrift „checkAuthorization“Gibt den aktuellen Autorisierungsstatus ohne Benutzeranfrage zurück.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.checkAuthorization();requestAuthorization
Überschrift „requestAuthorization“Bittet um Zugriff auf die Fotobibliothek, wenn erforderlich.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.requestAuthorization();getAlbums
Überschrift „getAlbums“Ruft die verfügbaren Alben ab.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getAlbums();getLibrary
Abschnitt mit dem Titel “getLibrary”Liefert Bibliotheksassets zusammen mit URLs, die in der Webansicht angezeigt werden können.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getLibrary();getPhotoUrl
Abschnitt mit dem Titel “getPhotoUrl”Liefert eine anzeigbare URL für die volle Auflösung der Asset-Version.
Wenn Sie bereits “with”, aufgerufen haben, benötigen Sie normalerweise keinen dieser Methode. getLibrary Auf die Zwischenablage kopieren includeFullResolutionDataAbschnitt mit dem Titel “getThumbnailUrl”
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getPhotoUrl({} as { id: string });getThumbnailUrl
Auf die Zwischenablage kopierenAbschnitt mit dem Titel “pickMedia”
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getThumbnailUrl({} as { id: string; width?: number; height?: number; quality?: number; });pickMedia
targetLanguageÖffnet den nativen Systempicker, damit der Benutzer Medien auswählen kann, ohne den vollständigen Zugriff auf die Fotobibliothek zu gewähren. Die ausgewählten Dateien werden in den Anwendungs-Cache kopiert und mit portablen URLs zurückgegeben.
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.pickMedia();Typenreferenz
Abschnitt mit dem Titel „Typenreferenz“PhotoLibraryAuthorizationState
Abschnitt mit dem Titel „Zustand der Fotobibliotheksberechtigung“export type PhotoLibraryAuthorizationState = 'authorized' | 'limited' | 'denied' | 'notDetermined';PhotoLibraryAlbum
Abschnitt mit dem Titel „Fotobibliotheksalbum“export interface PhotoLibraryAlbum { id: string; title: string; assetCount: number;}GetLibraryOptions
Abschnitt mit dem Titel „Optionen für die Fotobibliothek holen“export interface GetLibraryOptions { /** * Number of assets to skip from the beginning of the query. */ offset?: number; /** * Maximum number of assets to return. Omit to return everything that matches. */ limit?: number; /** * Include images in the result. Defaults to `true`. */ includeImages?: boolean; /** * Include videos in the result. Defaults to `false`. */ includeVideos?: boolean; /** * Include information about the albums each asset belongs to. Defaults to `false`. */ includeAlbumData?: boolean; /** * Include assets stored in the cloud (iCloud / Google Photos). Defaults to `true`. */ includeCloudData?: boolean; /** * If `true`, use the original filenames reported by the OS when available. */ useOriginalFileNames?: boolean; /** * Width of the generated thumbnails. Defaults to `512`. */ thumbnailWidth?: number; /** * Height of the generated thumbnails. Defaults to `384`. */ thumbnailHeight?: number; /** * JPEG quality for generated thumbnails (0-1). Defaults to `0.5`. */ thumbnailQuality?: number; /** * When `true`, copies the full sized asset into the app cache and returns its URL. * Defaults to `false`. */ includeFullResolutionData?: boolean;}GetLibraryResult
Abschnitt mit dem Titel „Fotobibliothek holen“export interface GetLibraryResult { assets: PhotoLibraryAsset[]; /** * Total number of assets matching the query in the library. `assets.length` can be less * than this value when pagination is used. */ totalCount: number; /** Whether more assets are available when using pagination. */ hasMore: boolean;}PhotoLibraryFile
Bildbibliothekselementexport interface PhotoLibraryFile { /** Absolute path on the native file system. */ path: string; /** * URL that can be used inside a web view. Usually produced by `Capacitor.convertFileSrc(path)`. */ webPath: string; mimeType: string; /** Size in bytes if known, otherwise `-1`. */ size: number;}PickMediaOptions
Abschnitt mit dem Titel “Medienoptionen auswählen”export interface PickMediaOptions { /** * Maximum number of items the user can select. Use `0` to allow unlimited selection. * Defaults to `1`. */ selectionLimit?: number; /** Allow the user to select images. Defaults to `true`. */ includeImages?: boolean; /** Allow the user to select videos. Defaults to `false`. */ includeVideos?: boolean; /** Width of the generated thumbnails for picked items. Defaults to `256`. */ thumbnailWidth?: number; /** Height of the generated thumbnails for picked items. Defaults to `256`. */ thumbnailHeight?: number; /** JPEG quality for generated thumbnails (0-1). Defaults to `0.7`. */ thumbnailQuality?: number;}PickMediaResult
Abschnitt mit dem Titel “Medienauswahlresultat”export interface PickMediaResult { assets: PhotoLibraryAsset[];}PhotoLibraryAsset
Abschnitt mit dem Titel “Bildbibliothekselement”export interface PhotoLibraryAsset { id: string; fileName: string; type: PhotoAssetType; width: number; height: number; duration?: number; creationDate?: string; modificationDate?: string; latitude?: number; longitude?: number; mimeType: string; /** Size in bytes reported by the OS for the underlying asset, if available. */ size?: number; albumIds?: string[]; thumbnail?: PhotoLibraryFile; file?: PhotoLibraryFile;}PhotoAssetType
Abschnitt mit dem Titel “Bildtyp”export type PhotoAssetType = 'image' | 'video';Quelle der Wahrheit
Abschnitt mit dem Titel “Quelle der Wahrheit”Diese Seite wird aus dem Plugin generiert. src/definitions.ts. Wiederholen Sie die Synchronisierung, wenn die öffentliche API sich im Hintergrund ändert.
Weitergehen von Getting Started
Abschnitt mit dem Titel „Weitergehen von Getting Started“Wenn Sie " Getting Started " zum Planen von Dashboard und API-Operationen verwenden, verbinden Sie es mit Verwenden Sie @capgo/capacitor-photo-library für die native Fähigkeit in Verwenden Sie @capgo/capacitor-photo-library, API-Übersicht für die Implementierungsdetails in API-Übersicht, Einführung für die Implementierungsdetails in Einführung, API Schlüssel für die Implementierungsdetails in API Schlüssel, und Geräte für die Implementierungsdetails in Geräte.