Prenez une photo avec Pepper et affichez-la sur l'écran du coffre -Chorégraphe 2.5.5

Prenez une photo avec l'appareil photo de Pepper Étapes pour afficher les photos prises sur l'écran de la poitrine de Pepper

• Bonus (comment utiliser la boîte Afficher l'image)

• Introduction * C'est juste une méthode de mise en œuvre simple. Il ne considère pas l'apparition d'erreurs, etc.: bow_tone1:

1. Prenez une photo

1-1. Placez la case Prendre une photo

Sening > Vision > Camera Actions > Take Picture

1-2. Créez un dossier html

• Créez un dossier html pour stocker vos photos dans l'application. *

Explorer pour Windows Dans Finder pour Mac Ouvrez le dossier de l'application que vous créez actuellement.

Créez un nouveau dossier html directement sous le dossier de l'application. Préparez également un fichier factice dans le dossier html car tout va bien.

• Si vous laissez le dossier vide, lorsque vous envoyez l'application à Pepper Il a été jugé que "S'il n'y a pas de fichiers, vous n'avez pas besoin de ce dossier" (?) Il ne sera pas créé sur Pepper.

Revenir au chorégraphe et lorsque la boîte de dialogue ci-dessous s'affiche Sélectionnez "Oui à tous".

1-3. Enregistrez les photos que vous avez prises dans le dossier html

• Changez pour que la photo soit enregistrée dans le dossier html créé en 1-2. *

Double-cliquez sur la case Prendre une photo placée dans 1-1. Pour ajouter le code.

    def onLoad(self):
        self.bIsRunning = False
        try:
            self.photoCapture = ALProxy( "ALPhotoCapture" )
            #Ajouter à partir d'ici
            self.framemanager = ALProxy("ALFrameManager")
            #Ajouter ici

    def onInput_onStart(self):
        #Ajouter à partir d'ici
        import os
        self.recordFolder = os.path.join(
                self.framemanager.getBehaviorPath(self.behaviorId), "../html")
        #Ajouter ici
        if( self.bIsRunning ):
            return

avec ça Avant le changement: (répertoire personnel) / enregistrements / caméras / ↓ Après modification: (Répertoire d'application en cours d'exécution) / html / Ce sera.

1-4. Vérifiez le nom de fichier de la photo

Ouvrez les paramètres de la zone Prendre une photo Vérifiez le "Nom du fichier".

Vous pouvez voir qu'il est enregistré sous (répertoire de l'application en cours d'exécution) / html / image (.jpg).

2. Montrez la photo sur l'écran du coffre

2-1. Placer la zone Afficher l'image

Multimedia > Tablet > Show Image

2-2. Spécifiez le nom du fichier

Ouvrez les paramètres de la zone Afficher l'image Entrez le nom du fichier photo avec une extension dans "URL de l'image".

3. Contrôle de fonctionnement

Exécutez l'application dans Pepper et assurez-vous que vous pouvez prendre des photos et l'afficher.

4. Assurez-vous que l'image est mise à jour même si vous exécutez l'application plusieurs fois

• La première image prise est mise en cache sur le navigateur Web, Après cela, même si vous essayez de prendre une autre photo et de l'afficher Évitez le phénomène d'affichage de la première photo prise. *

4-1. Ajouter des paramètres de requête à l'URL de l'image

• En ajoutant la chaîne d'heure actuelle comme paramètre de requête à l'URL de l'image Dites à votre navigateur Web: "C'est une nouvelle image!" *

Double-cliquez sur la case Afficher l'image placée en 2-1 et ajoutez le code à deux endroits.

    def onInput_onStart(self):
        #Code supplémentaire:d'ici
        import time
        #Code supplémentaire:Jusque là
        # We create TabletService here in order to avoid
        # problems with connections and disconnections of the tablet during the life of the application
        tabletService = self._getTabletService()
        if tabletService:
            try:
                url = self.getParameter("ImageUrl")
                if url == '':
                    self.logger.error("URL of the image is empty")
                if not url.startswith('http'):
                    url = self._getAbsoluteUrl(url)
                #Code supplémentaire:d'ici
                url += "?" + str(time.time())
                #Code supplémentaire:Jusque là
                tabletService.showImage(url)
            except Exception as err:
                self.logger.error("Error during ShowImage : %s " % err)
                self.onStopped()
        else:
            self.logger.warning("No ALTabletService, can't display the image.")
            self.onStopped()

4-2. Contrôle de fonctionnement

Essayez d'exécuter l'application plusieurs fois et voyez si la photo se met à jour correctement.

Bonus 1: Affichez l'image et passez au processus suivant

*** (Attention) Afficher la boîte d'image (si le processus d'affichage d'image est réussi) ʻOnStopped` La sortie ne se déclenche pas. *** ***

Par conséquent, la méthode pour se connecter facilement au processus suivant est celle illustrée dans la figure ci-dessous.

• Pour les applications mises sur le marché Je pense que vous devez également considérer le cas d'une erreur de vérification pour voir si l'image a été affichée. En premier lieu, sans utiliser la zone Afficher l'image en considération des performances, etc. Vous pouvez séparer les images avec js: v_tone1:

Bonus 2: Masquer l'image

Si vous souhaitez effacer l'image de l'écran Déclenche l'entrée ʻonHideImage` dans la zone Afficher l'image.

Ci-dessus: vulcan_tone1: Il existe peut-être une manière plus intelligente d'écrire Je ne peux pas vérifier l'opération, donc pour le moment: baby_tone1:

Référence: Prendre une image avec Pepper et l'afficher sur une tablette