Auf dieser Seite wird die Architektur von CameraX beschrieben, einschließlich der Struktur, der Verwendung der API, der Verwendung von Lebenszyklen und der Kombination von Anwendungsfällen.
CameraX-Struktur
Mit CameraX können Sie über eine Abstraktion namens „Anwendungsfall“ auf die Kamera eines Geräts zugreifen. Folgende Anwendungsfälle sind verfügbar:
- Vorschau: Akzeptiert eine Oberfläche für die Anzeige einer Vorschau, z. B. eine
PreviewView
. - Bildanalyse: Stellt CPU-zugängliche Puffer für die Analyse bereit, z. B. für maschinelles Lernen.
- Bild aufnehmen: Nimmt ein Foto auf und speichert es.
- Videoaufnahme: Video und Audio mit
VideoCapture
aufnehmen
Anwendungsfälle können kombiniert und gleichzeitig aktiv sein. Eine App kann dem Nutzer beispielsweise mit einem Vorschau-Anwendungsfall das Bild anzeigen, das die Kamera sieht, einen Bildanalyse-Anwendungsfall haben, der bestimmt, ob die Personen auf dem Foto lächeln, und einen Bildaufnahme-Anwendungsfall enthalten, um ein Foto aufzunehmen, sobald sie lächeln.
API-Modell
Um mit der Bibliothek zu arbeiten, geben Sie Folgendes an:
- Der gewünschte Anwendungsfall mit Konfigurationsoptionen.
- Was mit Ausgabedaten geschehen soll, indem Listener angehängt werden.
- Der vorgesehene Ablauf, z. B. wann Kameras aktiviert und wann Daten erzeugt werden sollen, indem der Anwendungsfall an Android Architecture Lifecycles gebunden wird.
Es gibt zwei Möglichkeiten, eine CameraX-App zu schreiben: eine CameraController
(ideal, wenn Sie CameraX auf einfachste Weise verwenden möchten) oder eine CameraProvider
(ideal, wenn Sie mehr Flexibilität benötigen).
CameraController
Eine CameraController
bietet die meisten CameraX-Kernfunktionen in einer einzigen Klasse. Es erfordert nur wenig Einrichtungscode und übernimmt automatisch die Kamerainitialisierung, die Verwaltung von Anwendungsfällen, die Zielrotation, das Tippen zum Fokussieren, das Zoomen per Pinch-Geste und vieles mehr. Die konkrete Klasse, die CameraController
erweitert, ist LifecycleCameraController
.
Kotlin
val previewView: PreviewView = viewBinding.previewView var cameraController = LifecycleCameraController(baseContext) cameraController.bindToLifecycle(this) cameraController.cameraSelector = CameraSelector.DEFAULT_BACK_CAMERA previewView.controller = cameraController
Java
PreviewView previewView = viewBinding.previewView; LifecycleCameraController cameraController = new LifecycleCameraController(baseContext); cameraController.bindToLifecycle(this); cameraController.setCameraSelector(CameraSelector.DEFAULT_BACK_CAMERA); previewView.setController(cameraController);
Die Standard-UseCase
für CameraController
sind Preview
, ImageCapture
und ImageAnalysis
. Wenn Sie ImageCapture
oder ImageAnalysis
deaktivieren oder VideoCapture
aktivieren möchten, verwenden Sie die Methode setEnabledUseCases()
.
Weitere Anwendungsfälle für CameraController
finden Sie im QR-Code-Scanner-Beispiel oder im Video zu den Grundlagen von CameraController
.
CameraProvider
Ein CameraProvider
ist weiterhin einfach zu verwenden. Da der App-Entwickler jedoch einen größeren Teil der Einrichtung übernimmt, gibt es mehr Möglichkeiten, die Konfiguration anzupassen, z. B. die Rotation des Ausgabebilds zu aktivieren oder das Ausgabebildformat in ImageAnalysis
festzulegen. Sie können auch ein benutzerdefiniertes Surface
für die Kameravorschau verwenden, was mehr Flexibilität bietet. Bei CameraController müssen Sie ein PreviewView
verwenden. Die Verwendung Ihres vorhandenen Surface
-Codes kann nützlich sein, wenn er bereits als Eingabe für andere Teile Ihrer App dient.
Sie konfigurieren Anwendungsfälle mit set()
-Methoden und schließen sie mit der Methode build()
ab. Jedes Anwendungsfallobjekt bietet eine Reihe von anwendungsfallspezifischen APIs. Der Anwendungsfall für die Bilderfassung enthält beispielsweise einen takePicture()
-Methodenaufruf.
Anstatt dass eine Anwendung bestimmte Start- und Stoppmethodenaufrufe in onResume()
und onPause()
platziert, gibt die Anwendung mit cameraProvider.bindToLifecycle()
einen Lebenszyklus an, dem die Kamera zugeordnet werden soll.
Anhand dieses Lebenszyklus wird CameraX mitgeteilt, wann die Kameraaufnahmesitzung konfiguriert werden soll. Außerdem wird so sichergestellt, dass sich der Kamerastatus entsprechend den Lebenszyklusübergängen ändert.
Eine Anleitung zur Implementierung für die einzelnen Anwendungsfälle finden Sie unter Vorschau implementieren, Bilder analysieren, Bilder aufnehmen und Videos aufnehmen.
Der Vorschau-Anwendungsfall interagiert mit einem Surface
für die Anzeige. Anwendungen
Erstellen Sie den Anwendungsfall mit Konfigurationsoptionen mit dem folgenden Code:
Kotlin
val preview = Preview.Builder().build() val viewFinder: PreviewView = findViewById(R.id.previewView) // The use case is bound to an Android Lifecycle with the following code val camera = cameraProvider.bindToLifecycle(lifecycleOwner, cameraSelector, preview) // PreviewView creates a surface provider and is the recommended provider preview.setSurfaceProvider(viewFinder.getSurfaceProvider())
Java
Preview preview = new Preview.Builder().build(); PreviewView viewFinder = findViewById(R.id.view_finder); // The use case is bound to an Android Lifecycle with the following code Camera camera = cameraProvider.bindToLifecycle(lifecycleOwner, cameraSelector, preview); // PreviewView creates a surface provider, using a Surface from a different // kind of view will require you to implement your own surface provider. preview.previewSurfaceProvider = viewFinder.getSurfaceProvider();
Weitere Beispielcodes finden Sie in der offiziellen CameraX-Beispiel-App.
CameraX-Lebenszyklen
CameraX beobachtet einen Lebenszyklus, um zu bestimmen, wann die Kamera geöffnet, wann eine Aufnahmesitzung erstellt und wann die Kamera gestoppt und heruntergefahren werden soll. Anwendungsfall-APIs bieten Methodenaufrufe und Callbacks, um den Fortschritt zu überwachen.
Wie unter Anwendungsfälle kombinieren beschrieben, können Sie einige Kombinationen von Anwendungsfällen an einen einzelnen Lebenszyklus binden. Wenn Ihre App Anwendungsfälle unterstützen muss, die nicht kombiniert werden können, haben Sie folgende Möglichkeiten:
- Gruppieren Sie kompatible Anwendungsfälle in mehreren Fragmenten und wechseln Sie dann zwischen den Fragmenten.
- Benutzerdefinierte Lebenszykluskomponente erstellen und damit den Lebenszyklus der Kamera manuell steuern
Wenn Sie die Lifecycle-Inhaber Ihrer Ansichts- und Kamera-Anwendungsfälle entkoppeln (z. B. wenn Sie einen benutzerdefinierten Lifecycle oder ein retain-Fragment verwenden), müssen Sie dafür sorgen, dass alle Anwendungsfälle durch Verwendung von ProcessCameraProvider.unbindAll()
oder durch individuelles Aufheben der Bindung jedes Anwendungsfalls von CameraX getrennt werden. Alternativ können Sie Anwendungsfälle an einen Lifecycle binden. Dann übernimmt CameraX das Öffnen und Schließen der Aufnahmesitzung und das Aufheben der Bindung der Anwendungsfälle.
Wenn alle Kamerafunktionen dem Lebenszyklus einer einzelnen lebenszyklusbewussten Komponente wie einem AppCompatActivity
oder einem AppCompat
-Fragment entsprechen, wird durch die Verwendung des Lebenszyklus dieser Komponente beim Binden aller gewünschten Anwendungsfälle sichergestellt, dass die Kamerafunktionen bereit sind, wenn die lebenszyklusbewusste Komponente aktiv ist, und sicher verworfen werden, ohne Ressourcen zu verbrauchen.
Benutzerdefinierte LifecycleOwners
Für erweiterte Anwendungsfälle können Sie ein benutzerdefiniertes LifecycleOwner
erstellen, damit Ihre App den CameraX-Sitzungslebenszyklus explizit steuern kann, anstatt ihn an ein Standard-Android-LifecycleOwner
zu binden.
Das folgende Codebeispiel zeigt, wie Sie einen einfachen benutzerdefinierten LifecycleOwner erstellen:
Kotlin
class CustomLifecycle : LifecycleOwner { private val lifecycleRegistry: LifecycleRegistry init { lifecycleRegistry = LifecycleRegistry(this); lifecycleRegistry.markState(Lifecycle.State.CREATED) } ... fun doOnResume() { lifecycleRegistry.markState(State.RESUMED) } ... override fun getLifecycle(): Lifecycle { return lifecycleRegistry } }
Java
public class CustomLifecycle implements LifecycleOwner { private LifecycleRegistry lifecycleRegistry; public CustomLifecycle() { lifecycleRegistry = new LifecycleRegistry(this); lifecycleRegistry.markState(Lifecycle.State.CREATED); } ... public void doOnResume() { lifecycleRegistry.markState(State.RESUMED); } ... public Lifecycle getLifecycle() { return lifecycleRegistry; } }
Mit diesem LifecycleOwner
kann Ihre App Statusübergänge an den gewünschten Stellen im Code platzieren. Weitere Informationen zum Implementieren dieser Funktion in Ihrer App finden Sie unter Benutzerdefinierten LifecycleOwner implementieren.
Gleichzeitige Anwendungsfälle
Anwendungsfälle können gleichzeitig ausgeführt werden. Anwendungsfälle können zwar sequenziell an einen Lebenszyklus gebunden werden, es ist jedoch besser, alle Anwendungsfälle mit einem einzigen Aufruf von CameraProcessProvider.bindToLifecycle()
zu binden. Weitere Informationen zu Best Practices für Konfigurationsänderungen finden Sie unter Konfigurationsänderungen verarbeiten.
Im folgenden Codebeispiel gibt die App die beiden Anwendungsfälle an, die gleichzeitig erstellt und ausgeführt werden sollen. Außerdem wird der Lebenszyklus für beide Anwendungsfälle angegeben, sodass sie beide entsprechend dem Lebenszyklus gestartet und beendet werden.
Kotlin
private lateinit var imageCapture: ImageCapture override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) val cameraProviderFuture = ProcessCameraProvider.getInstance(this) cameraProviderFuture.addListener(Runnable { // Camera provider is now guaranteed to be available val cameraProvider = cameraProviderFuture.get() // Set up the preview use case to display camera preview. val preview = Preview.Builder().build() // Set up the capture use case to allow users to take photos. imageCapture = ImageCapture.Builder() .setCaptureMode(ImageCapture.CAPTURE_MODE_MINIMIZE_LATENCY) .build() // Choose the camera by requiring a lens facing val cameraSelector = CameraSelector.Builder() .requireLensFacing(CameraSelector.LENS_FACING_FRONT) .build() // Attach use cases to the camera with the same lifecycle owner val camera = cameraProvider.bindToLifecycle( this as LifecycleOwner, cameraSelector, preview, imageCapture) // Connect the preview use case to the previewView preview.setSurfaceProvider( previewView.getSurfaceProvider()) }, ContextCompat.getMainExecutor(this)) }
Java
private ImageCapture imageCapture; @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); PreviewView previewView = findViewById(R.id.previewView); ListenableFuture<ProcessCameraProvider> cameraProviderFuture = ProcessCameraProvider.getInstance(this); cameraProviderFuture.addListener(() -> { try { // Camera provider is now guaranteed to be available ProcessCameraProvider cameraProvider = cameraProviderFuture.get(); // Set up the view finder use case to display camera preview Preview preview = new Preview.Builder().build(); // Set up the capture use case to allow users to take photos imageCapture = new ImageCapture.Builder() .setCaptureMode(ImageCapture.CAPTURE_MODE_MINIMIZE_LATENCY) .build(); // Choose the camera by requiring a lens facing CameraSelector cameraSelector = new CameraSelector.Builder() .requireLensFacing(lensFacing) .build(); // Attach use cases to the camera with the same lifecycle owner Camera camera = cameraProvider.bindToLifecycle( ((LifecycleOwner) this), cameraSelector, preview, imageCapture); // Connect the preview use case to the previewView preview.setSurfaceProvider( previewView.getSurfaceProvider()); } catch (InterruptedException | ExecutionException e) { // Currently no exceptions thrown. cameraProviderFuture.get() // shouldn't block since the listener is being called, so no need to // handle InterruptedException. } }, ContextCompat.getMainExecutor(this)); }
CameraX ermöglicht die gleichzeitige Verwendung einer Instanz von Preview
, VideoCapture
, ImageAnalysis
und ImageCapture
. Außerdem
- Jeder Anwendungsfall kann für sich funktionieren. Eine App kann beispielsweise Videos aufnehmen, ohne eine Vorschau zu verwenden.
- Wenn Erweiterungen aktiviert sind, funktioniert nur die Kombination aus
ImageCapture
undPreview
garantiert. Je nach OEM-Implementierung ist es möglicherweise nicht möglich, auchImageAnalysis
hinzuzufügen. Erweiterungen können nicht für den AnwendungsfallVideoCapture
aktiviert werden. Weitere Informationen finden Sie in der Referenzdokumentation zu Erweiterungen. - Je nach Kamerafunktion wird die Kombination möglicherweise in niedrigeren Auflösungsmodi unterstützt, aber nicht in einigen höheren Auflösungen.
- Auf Geräten mit der Kamera-Hardwareebene
FULL
oder niedriger kann es beim Kombinieren vonPreview
,VideoCapture
und entwederImageCapture
oderImageAnalysis
dazu kommen, dass CameraX denPRIV
-Stream der Kamera fürPreview
undVideoCapture
dupliziert. Diese Duplizierung, auch Stream-Sharing genannt, ermöglicht die gleichzeitige Nutzung dieser Funktionen, führt aber zu einem erhöhten Verarbeitungsaufwand. Dadurch kann es zu einer leicht höheren Latenz und einer kürzeren Akkulaufzeit kommen.
Die unterstützte Hardwareebene kann aus Camera2CameraInfo
abgerufen werden. Mit dem folgenden Code wird beispielsweise geprüft, ob die standardmäßige nach hinten gerichtete Kamera ein LEVEL_3
-Gerät ist:
Kotlin
@androidx.annotation.OptIn(ExperimentalCamera2Interop::class) fun isBackCameraLevel3Device(cameraProvider: ProcessCameraProvider) : Boolean { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) { return CameraSelector.DEFAULT_BACK_CAMERA .filter(cameraProvider.availableCameraInfos) .firstOrNull() ?.let { Camera2CameraInfo.from(it) } ?.getCameraCharacteristic(CameraCharacteristics.INFO_SUPPORTED_HARDWARE_LEVEL) == CameraCharacteristics.INFO_SUPPORTED_HARDWARE_LEVEL_3 } return false }
Java
@androidx.annotation.OptIn(markerClass = ExperimentalCamera2Interop.class) Boolean isBackCameraLevel3Device(ProcessCameraProvider cameraProvider) { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) { List\<CameraInfo\> filteredCameraInfos = CameraSelector.DEFAULT_BACK_CAMERA .filter(cameraProvider.getAvailableCameraInfos()); if (!filteredCameraInfos.isEmpty()) { return Objects.equals( Camera2CameraInfo.from(filteredCameraInfos.get(0)).getCameraCharacteristic( CameraCharacteristics.INFO_SUPPORTED_HARDWARE_LEVEL), CameraCharacteristics.INFO_SUPPORTED_HARDWARE_LEVEL_3); } } return false; }
Berechtigungen
Ihre App benötigt die Berechtigung CAMERA
. Wenn Sie Bilder in Dateien speichern möchten, ist auch die Berechtigung WRITE_EXTERNAL_STORAGE
erforderlich, außer auf Geräten mit Android 10 oder höher.
Weitere Informationen zum Konfigurieren von Berechtigungen für Ihre App finden Sie unter App-Berechtigungen anfordern.
Voraussetzungen
Für CameraX gelten die folgenden Mindestversionsanforderungen:
- Android-API-Level 21
- Android-Architekturkomponenten 1.1.1
Verwenden Sie für lebenszyklusbezogene Aktivitäten FragmentActivity
oder AppCompatActivity
.
Abhängigkeiten deklarieren
Wenn Sie eine Abhängigkeit von CameraX hinzufügen möchten, müssen Sie Ihrem Projekt das Google Maven-Repository hinzufügen.
Öffnen Sie die Datei settings.gradle
für Ihr Projekt und fügen Sie das google()
-Repository wie unten gezeigt hinzu:
Groovy
dependencyResolutionManagement { repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS) repositories { google() mavenCentral() } }
Kotlin
dependencyResolutionManagement { repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS) repositories { google() mavenCentral() } }
Fügen Sie am Ende des Android-Blocks Folgendes hinzu:
Groovy
android { compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8 } // For Kotlin projects kotlinOptions { jvmTarget = "1.8" } }
Kotlin
android { compileOptions { sourceCompatibility = JavaVersion.VERSION_1_8 targetCompatibility = JavaVersion.VERSION_1_8 } // For Kotlin projects kotlinOptions { jvmTarget = "1.8" } }
Fügen Sie der Datei build.gradle
jedes Moduls einer App Folgendes hinzu:
Groovy
dependencies { // CameraX core library using the camera2 implementation def camerax_version = "1.5.0-beta01" // The following line is optional, as the core library is included indirectly by camera-camera2 implementation "androidx.camera:camera-core:${camerax_version}" implementation "androidx.camera:camera-camera2:${camerax_version}" // If you want to additionally use the CameraX Lifecycle library implementation "androidx.camera:camera-lifecycle:${camerax_version}" // If you want to additionally use the CameraX VideoCapture library implementation "androidx.camera:camera-video:${camerax_version}" // If you want to additionally use the CameraX View class implementation "androidx.camera:camera-view:${camerax_version}" // If you want to additionally add CameraX ML Kit Vision Integration implementation "androidx.camera:camera-mlkit-vision:${camerax_version}" // If you want to additionally use the CameraX Extensions library implementation "androidx.camera:camera-extensions:${camerax_version}" }
Kotlin
dependencies { // CameraX core library using the camera2 implementation val camerax_version = "1.5.0-beta01" // The following line is optional, as the core library is included indirectly by camera-camera2 implementation("androidx.camera:camera-core:${camerax_version}") implementation("androidx.camera:camera-camera2:${camerax_version}") // If you want to additionally use the CameraX Lifecycle library implementation("androidx.camera:camera-lifecycle:${camerax_version}") // If you want to additionally use the CameraX VideoCapture library implementation("androidx.camera:camera-video:${camerax_version}") // If you want to additionally use the CameraX View class implementation("androidx.camera:camera-view:${camerax_version}") // If you want to additionally add CameraX ML Kit Vision Integration implementation("androidx.camera:camera-mlkit-vision:${camerax_version}") // If you want to additionally use the CameraX Extensions library implementation("androidx.camera:camera-extensions:${camerax_version}") }
Weitere Informationen zum Konfigurieren Ihrer App gemäß diesen Anforderungen finden Sie unter Abhängigkeiten deklarieren.
CameraX-Interoperabilität mit Camera2
CameraX basiert auf Camera2 und bietet Möglichkeiten, Eigenschaften in der Camera2-Implementierung zu lesen und sogar zu schreiben. Weitere Informationen
Weitere Informationen dazu, wie CameraX Camera2-Attribute konfiguriert hat, finden Sie unter Camera2CameraInfo
. Dort können Sie die zugrunde liegende CameraCharacteristics
lesen. Sie können die zugrunde liegenden Camera2-Eigenschaften auch auf eine der folgenden zwei Arten schreiben:
Verwenden Sie
Camera2CameraControl
, um Eigenschaften für das zugrunde liegendeCaptureRequest
festzulegen, z. B. den Autofokusmodus.Erweitern Sie eine CameraX-
UseCase
mit einerCamera2Interop.Extender
. So können Sie Properties für den CaptureRequest festlegen, genau wieCamera2CameraControl
. Außerdem haben Sie zusätzliche Steuerungsmöglichkeiten, z. B. können Sie den Stream-Anwendungsfall festlegen, um die Kamera für Ihr Nutzungsszenario zu optimieren. Weitere Informationen finden Sie unter Stream-Anwendungsfälle für eine bessere Leistung verwenden.
Im folgenden Codebeispiel werden Stream-Anwendungsfälle verwendet, um die Optimierung für einen Videoanruf zu ermöglichen.
Verwenden Sie Camera2CameraInfo
, um abzurufen, ob der Anwendungsfall für Videocall-Streams verfügbar ist. Verwenden Sie dann Camera2Interop.Extender
, um den zugrunde liegenden Stream-Anwendungsfall festzulegen.
Kotlin
// Set underlying Camera2 stream use case to optimize for video calls. val videoCallStreamId = CameraMetadata.SCALER_AVAILABLE_STREAM_USE_CASES_VIDEO_CALL.toLong() // Check available CameraInfos to find the first one that supports // the video call stream use case. val frontCameraInfo = cameraProvider.getAvailableCameraInfos() .first { cameraInfo -> val isVideoCallStreamingSupported = Camera2CameraInfo.from(cameraInfo) .getCameraCharacteristic( CameraCharacteristics.SCALER_AVAILABLE_STREAM_USE_CASES )?.contains(videoCallStreamId) val isFrontFacing = (cameraInfo.getLensFacing() == CameraSelector.LENS_FACING_FRONT) (isVideoCallStreamingSupported == true) && isFrontFacing } val cameraSelector = frontCameraInfo.cameraSelector // Start with a Preview Builder. val previewBuilder = Preview.Builder() .setTargetAspectRatio(screenAspectRatio) .setTargetRotation(rotation) // Use Camera2Interop.Extender to set the video call stream use case. Camera2Interop.Extender(previewBuilder).setStreamUseCase(videoCallStreamId) // Bind the Preview UseCase and the corresponding CameraSelector. val preview = previewBuilder.build() camera = cameraProvider.bindToLifecycle(this, cameraSelector, preview)
Java
// Set underlying Camera2 stream use case to optimize for video calls. Long videoCallStreamId = CameraMetadata.SCALER_AVAILABLE_STREAM_USE_CASES_VIDEO_CALL.toLong(); // Check available CameraInfos to find the first one that supports // the video call stream use case. List<CameraInfo> cameraInfos = cameraProvider.getAvailableCameraInfos(); CameraInfo frontCameraInfo = null; for (cameraInfo in cameraInfos) { Long[] availableStreamUseCases = Camera2CameraInfo.from(cameraInfo) .getCameraCharacteristic( CameraCharacteristics.SCALER_AVAILABLE_STREAM_USE_CASES ); boolean isVideoCallStreamingSupported = Arrays.List(availableStreamUseCases) .contains(videoCallStreamId); boolean isFrontFacing = (cameraInfo.getLensFacing() == CameraSelector.LENS_FACING_FRONT); if (isVideoCallStreamingSupported && isFrontFacing) { frontCameraInfo = cameraInfo; } } if (frontCameraInfo == null) { // Handle case where video call streaming is not supported. } CameraSelector cameraSelector = frontCameraInfo.getCameraSelector(); // Start with a Preview Builder. Preview.Builder previewBuilder = Preview.Builder() .setTargetAspectRatio(screenAspectRatio) .setTargetRotation(rotation); // Use Camera2Interop.Extender to set the video call stream use case. Camera2Interop.Extender(previewBuilder).setStreamUseCase(videoCallStreamId); // Bind the Preview UseCase and the corresponding CameraSelector. Preview preview = previewBuilder.build() Camera camera = cameraProvider.bindToLifecycle(this, cameraSelector, preview)
Zusätzliche Ressourcen
Weitere Informationen zu CameraX finden Sie in den folgenden zusätzlichen Ressourcen.
Codelab
Codebeispiel