Guide des médias de capture

L'étape Capturer Les Médias prépare le navigateur et la caméra avant que l'utilisateur ne capture le média source. Selon la configuration du site, la page peut capturer une image fixe, un court GIF animé ou les deux. Lorsque les deux modes de capture sont activés, Capturer Une Image et Capturer Un GIF apparaissent côte à côte afin que l'utilisateur puisse choisir si le mème doit démarrer à partir d'un instant ou de quelques secondes de mouvement.

Capturer Une Image est le meilleur pour un mème propre à image unique. La capture GIF est la meilleure solution lorsque la réaction, l'expression ou le timing font partie de la blague. Les deux options utilisent le même aperçu de la caméra, les mêmes vérifications des exigences et le même éditeur Traiter Les Médias après la capture. Sur les téléphones et les tablettes, le bouton de commutation de l'appareil photo peut se déplacer entre la caméra avant et arrière lorsque le navigateur et l'appareil le prennent en charge.

Vérification des exigences

Le panneau de vérification des exigences s'exécute automatiquement lorsque la page Capturer Les Médias s'ouvre. Il est là pour garantir que le navigateur peut lire en toute sécurité le flux de la caméra, dessiner des images dans l'application et les préparer pour l'éditeur. Si l'une des vérifications échoue, les boutons de capture restent désactivés afin que l'utilisateur ne se retrouve pas avec un mème vide ou cassé.

1. Navigateur + Canvas Check

Cette vérification confirme que le navigateur prend en charge les fonctionnalités Web nécessaires à la création de l'image capturée. L'application nécessite un navigateur moderne avec JavaScript activé, la prise en charge de la vidéo HTML, la prise en charge du dessin Canvas et la possibilité d'exporter le contenu du canevas sous forme de données d'image.

A peut prendre une image de l'aperçu de la caméra, dessiner cette image sur un canevas et transformer le canevas en une image qui peut être envoyée à l'étape Traiter le média. Sans cela, l'application pourrait afficher un aperçu de la caméra, mais ne serait toujours pas en mesure de créer une image mème modifiable.

Les causes courantes d'échec incluent l'utilisation d'un navigateur obsolète, l'ouverture de la page dans un navigateur intégré à l'application restreint, la désactivation de JavaScript, l'utilisation d'extensions de confidentialité qui bloquent les API multimédias ou l'exécution de la page dans un mode navigateur qui limite l'accès au canevas. Essayer la dernière version de Safari, Chrome, Firefox ou Edge résout généralement ce type de problème.

2. Vérification des autorisations de la caméra

Cette vérification demande au navigateur et au système d'exploitation l'autorisation d'utiliser la caméra. La page doit être chargée à partir d'une connexion sécurisée, généralement HTTPS, car les navigateurs bloquent l'accès de la caméra aux pages non sécurisées. Lors du développement local, un certificat HTTPS local de confiance ou un hôte de test local autorisé peut également être requis.

Le navigateur peut afficher une invite d'autorisation. L'utilisateur doit autoriser l'accès à la caméra pour le site, et le système d'exploitation doit également autoriser l'accès à la caméra pour le navigateur lui-même. Sur les téléphones et les tablettes, cela peut impliquer à la fois l'invite d'autorisation du navigateur et les paramètres de confidentialité au niveau du système.

Les causes courantes d'échec incluent le fait de cliquer sur Bloquer par erreur, les autorisations de la caméra étant désactivées dans les paramètres du navigateur, l'accès à la caméra étant désactivé dans les paramètres de confidentialité macOS/iOS/Android, une autre application utilisant déjà la caméra, l'utilisation d'un onglet de navigateur dans une application sociale qui n'expose pas correctement l'accès à la caméra, ou la visite de la page via HTTP simple sur une adresse non locale.

3. Diffusion en direct Ready

Cette vérification vérifie que le flux de la caméra est réellement lu à l'intérieur de la page. L'autorisation seule ne suffit pas: l'application a également besoin d'une image vidéo en direct pour que les boutons de capture puissent capturer l'image actuelle ou enregistrer un court GIF.

A signifie que l'élément vidéo a reçu des données de caméra, que le navigateur connaît les dimensions de la vidéo et que la page peut capturer une image réelle au lieu d'une image noire, vide ou de taille nulle. Cette étape empêche l'utilisateur d'avancer avant que la caméra n'ait fini de préchauffer.

Les causes courantes d'échec incluent un démarrage lent de la caméra, une caméra déconnectée ou couverte, une autre application contenant la caméra, un navigateur suspendant les onglets en arrière-plan, un comportement mobile à faible consommation, un comportement de lecture automatique/média refusé ou des problèmes temporaires sur l'appareil. Actualiser la page, fermer d'autres applications de caméra, sélectionner un autre navigateur ou reconnecter la caméra résout généralement le problème.

Modes de capture

La page affiche uniquement les options de capture activées par la configuration du site. Si la capture d'images fixes est activée, les utilisateurs voient Capturer l'image. Si la capture GIF est activée, les utilisateurs voient Capturer Un GIF. Si les deux sont activés, les boutons apparaissent ensemble dans le panneau de la caméra ; si l'une d'elles est désactivée, la page conserve l'option restante simple et pleine largeur.

Capturer une image

Capturer Une Image démarre le compte à rebours, récupère l'image actuelle de la caméra, la stocke comme image source et active Traiter Les Médias. Il s'agit du chemin le plus rapide et produit généralement le résultat le plus net car l'éditeur n'a besoin de travailler qu'avec une seule image.

Capturer Un GIF

Capturer Un GIF démarre le même compte à rebours, puis enregistre un court clip animé à partir du flux de la caméra en direct. La durée d'enregistrement est configurable par le site, mais elle est limitée à 5 secondes afin que le navigateur, l'éditeur et l'étape de sauvegarde restent réactifs sur les téléphones ainsi que sur les ordinateurs de bureau.

Après la capture du GIF, l'aperçu affiche le média source animé et Traiter Les Médias envoie cette animation dans le même éditeur que celui utilisé pour les images fixes. Si la source finale est un GIF, l'éditeur affiche les paramètres d'animation pour le découpage, la vitesse et le sens de lecture avant que l'étape de sauvegarde ne maintienne l'animation du mème terminé.

Pendant la capture, un état de progression apparaît au-dessus de l'aperçu en direct et des panneaux multimédia capturés. Il affiche d'abord le compte à rebours, puis passe à un état d'enregistrement pour la capture GIF et devient enfin vert lorsque le média capturé est prêt à être traité.

Barre d'outils et boutons d'action