Medien Erfassen-Leitfaden

Der Schritt „Medien erfassen“ bereitet den Browser und die Kamera vor, bevor der Benutzer Quellmedien erfasst. Abhängig von der Site-Konfiguration kann die Seite ein Standbild, ein kurzes animiertes GIF oder beides erfassen. Wenn beide Aufnahmemodi aktiviert sind, werden „Bild aufnehmen“ und „GIF aufnehmen“ nebeneinander angezeigt, sodass der Benutzer wählen kann, ob das Meme bei einem Moment oder bei einigen Sekunden Bewegung beginnen soll.

Bild Erfassen eignet sich am besten für ein sauberes Einzelbild-Meme. Capture-GIF eignet sich am besten, wenn die Reaktion, der Ausdruck oder das Timing Teil des Witzes sind. Beide Optionen verwenden nach der Aufnahme dieselbe Kameravorschau, dieselben Anforderungsprüfungen und denselben Medien Verarbeiten-Editor. Auf Telefonen und Tablets kann die Kamerawechseltaste zwischen der Vorder- und Rückkamera wechseln, wenn der Browser und das Gerät dies unterstützen.

Anforderungsprüfung

Das Bedienfeld „Anforderungsprüfung“ wird automatisch ausgeführt, wenn die Seite „Medien erfassen“ geöffnet wird. Es soll sicherstellen, dass der Browser den Kamerastream sicher lesen, Bilder in die App zeichnen und sie für den Editor vorbereiten kann. Wenn eine der Prüfungen fehlschlägt, bleiben die Aufnahmeschaltflächen deaktiviert, sodass der Benutzer am Ende kein leeres oder fehlerhaftes Meme erhält.

1. Browser- und Canvas-Prüfung

Diese Prüfung bestätigt, dass der Browser die Webfunktionen unterstützt, die zum Erstellen des erfassten Bildes erforderlich sind. Die App benötigt einen modernen Browser mit aktiviertem JavaScript, Unterstützung für HTML-Videos, Unterstützung für Canvas-Zeichnungen und der Möglichkeit, Canvas-Inhalte als Bilddaten zu exportieren.

Ein vorbeikommender Browser kann ein Bild aus der Kameravorschau nehmen, dieses Bild auf eine Leinwand zeichnen und die Leinwand in ein Bild umwandeln, das an den Schritt „Medien verarbeiten“ gesendet werden kann. Andernfalls zeigt die App möglicherweise eine Kameravorschau an, kann aber trotzdem kein bearbeitbares Meme-Bild erstellen.

Zu den häufigsten Fehlerursachen gehören die Verwendung eines veralteten Browsers, das Öffnen der Seite in einem eingeschränkten In-App-Browser, das Deaktivieren von JavaScript, die Verwendung von Datenschutzerweiterungen, die Medien-APIs blockieren, oder das Ausführen der Seite in einem Browsermodus, der den Canvas-Zugriff einschränkt. Das Ausprobieren der neuesten Version von Safari, Chrome, Firefox oder Edge behebt normalerweise Probleme dieser Art.

2. Überprüfung der Kameraberechtigungen

Bei dieser Prüfung werden Browser und Betriebssystem um Erlaubnis zur Verwendung der Kamera gebeten. Die Seite muss über eine sichere Verbindung geladen werden, normalerweise HTTPS, da Browser den Kamerazugriff auf unsicheren Seiten blockieren. Bei der lokalen Entwicklung ist möglicherweise auch ein vertrauenswürdiges lokales HTTPS-Zertifikat oder ein zugelassener lokaler Testhost erforderlich.

Der Browser zeigt möglicherweise eine Erlaubnisaufforderung an. Der Benutzer muss den Kamerazugriff für die Website zulassen, und das Betriebssystem muss auch den Kamerazugriff für den Browser selbst zulassen. Auf Telefonen und Tablets kann dies sowohl die Browser-Berechtigungsaufforderung als auch Datenschutzeinstellungen auf Systemebene umfassen.

Zu den häufigsten Fehlerursachen gehören versehentliches Klicken auf „Blockieren“, deaktivierte Kameraberechtigungen in den Browsereinstellungen, deaktivierter Kamerazugriff in den Datenschutzeinstellungen von macOS/iOS/Android, eine andere App, die die Kamera bereits verwendet, die Verwendung einer Browser-Registerkarte in einer sozialen App, die den Kamerazugriff nicht ordnungsgemäß offenlegt, oder der Besuch der Seite über einfaches HTTP an einer nicht lokalen Adresse.

3. Bereit für den Livestream

Diese Prüfung überprüft, ob der Kamerastream tatsächlich auf der Seite abgespielt wird. Eine Erlaubnis allein reicht nicht aus: Die App benötigt auch ein Live-Videobild, damit die Aufnahmeschaltflächen das aktuelle Bild aufnehmen oder ein kurzes GIF aufzeichnen können.

Ein vorbeigehender Stream bedeutet, dass das Videoelement Kameradaten empfangen hat, der Browser die Videoabmessungen kennt und die Seite einen echten Frame anstelle eines schwarzen, leeren oder Nullbildes erfassen kann. Dieser Schritt schützt den Benutzer davor, weiterzumachen, bevor die Kamera vollständig aufgewärmt ist.

Zu den häufigsten Fehlerursachen gehören ein langsamer Kamerastart, eine nicht angeschlossene oder abgedeckte Kamera, eine andere App, die die Kamera hält, ein Browser, der Hintergrundtabs anhält, mobiles Verhalten mit geringem Stromverbrauch, verweigertes Autoplay-/Medienverhalten oder vorübergehende Gerätestörungen. Normalerweise wird das Problem durch Aktualisieren der Seite, Schließen anderer Kamera-Apps, Auswählen eines anderen Browsers oder erneutes Verbinden der Kamera behoben.

Aufnahmemodi

Auf der Seite werden nur Erfassungsoptionen angezeigt, die durch die Site-Konfiguration aktiviert sind. Wenn die Standbilderfassung aktiviert ist, wird den Benutzern „Bild erfassen“ angezeigt. Wenn die GIF-Erfassung aktiviert ist, wird den Benutzern „GIF erfassen“ angezeigt. Wenn beide aktiviert sind, werden die Schaltflächen zusammen im Kamerafeld angezeigt. Wenn eine Option deaktiviert ist, behält die Seite die verbleibende Option einfach und in voller Breite bei.

Bild aufnehmen

Bild erfassen startet den Countdown, erfasst das aktuelle Kamerabild, speichert es als Quellbild und aktiviert „Medien verarbeiten“. Dies ist der schnellste Weg und liefert in der Regel das schärfste Ergebnis, da der Editor nur mit einem Frame arbeiten muss.

GIF erfassen

GIF Erfassen startet den gleichen Countdown und zeichnet dann einen kurzen animierten Clip aus dem Live-Kamerastream auf. Die Aufzeichnungsdauer kann von der Website konfiguriert werden, ist jedoch auf 5 Sekunden begrenzt, damit der Browser, der Editor und der Speicherschritt sowohl auf Telefonen als auch auf Desktops reagieren.

Nachdem das GIF erfasst wurde, zeigt die Vorschau das animierte Quellmedium und Medien Verarbeiten sendet diese Animation an denselben Editor, der für Standbilder verwendet wird. Wenn die endgültige Quelle ein GIF ist, zeigt der Editor Animationseinstellungen für Zuschnitt, Geschwindigkeit und Wiedergaberichtung an, bevor der Speicherschritt das fertige Meme animiert hält.

Während der Aufnahme wird über der Live-Vorschau und den Feldern für aufgenommene Medien ein Fortschrittsstatus angezeigt. Zuerst wird der Countdown angezeigt, dann wechselt es in den Aufnahmestatus für die GIF-Aufnahme und wird schließlich grün, wenn das aufgenommene Medium zur Verarbeitung bereit ist.

Symbolleiste und Aktionsschaltflächen