--- title: Capture d'écran slug: world-sdk-guide-fr/capture-decran docTags: createdAt: 2024-09-02T08:34:13.135Z --- ## Utiliser la fonction de capture d'écran Vous pouvez utiliser les fonctions liées aux images de l'API ZepetoWorldContent pour enregistrer ou partager des images dans le Monde, et publier des images dans le fil d'actualité. L'API ZepetoWorldContent fournit les fonctions liées aux images suivantes. | **API** | **Description** | | --------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | ZepetoWorldContent.SaveToCameraRoll(rt: UnityEngine.RenderTexture, result: System.Action$1) | Enregistre l'image dans la bibliothèque photo. | | ZepetoWorldContent.SaveToCameraRoll(texture: UnityEngine.Texture2D, result: System.Action$1) | Enregistre l'image dans la bibliothèque photo. | | ZepetoWorldContent.Share(rt: UnityEngine.RenderTexture, result: System.Action$1) | Partage l'image avec une application externe. | | ZepetoWorldContent.Share(texture: UnityEngine.Texture2D, result: System.Action$1) | Partage l'image avec une application externe. | | ZepetoWorldContent.CreateFeed(rt: UnityEngine.RenderTexture, contents: string, result: System.Action$1) | Télécharge l'image dans le fil. Le contenu du post peut être spécifié par le deuxième argument, contents. Les tags de monde sont automatiquement appliqués et publiés dans le fil. | | ZepetoWorldContent.CreateFeed(texture: UnityEngine.Texture2D, contents: string, $result: System.Action$1) | Télécharge l'image dans le fil. Le contenu du post peut être spécifié par le deuxième argument, contents. Les tags de monde sont automatiquement appliqués et publiés dans le fil. | Ce qui suit est un exemple d'appel des fonctions d'image dans ZepetoWorldContent. ```typescript ZepetoWorldContent.SaveToCameraRoll(this.renderTexture, (result: boolean) => {console.log(`Résultat de sauvegarde : ${result}`)}); ZepetoWorldContent.SaveToCameraRoll(this.texture2D, (result: boolean) => {console.log(`Résultat de sauvegarde : ${result}`)}); ZepetoWorldContent.Share(this.renderTexture, (result: boolean) => {console.log(`Résultat de partage : ${result}`)}); ZepetoWorldContent.Share(this.texture2D, (result: boolean) => {console.log(`Résultat de partage : ${result}`)}); ZepetoWorldContent.CreateFeed(this.renderTexture, "[contenu]", (result: boolean) => {console.log(`Résultat de création de fil : ${result}`)}); ZepetoWorldContent.CreateFeed(this.texture2D, "[contenu]", (result: boolean) => {console.log(`Résultat de création de fil : ${result}`)}); ``` Ce qui suit est le code d'exemple utilisant les fonctions du mode capture d'écran dans ZepetoWorldContent en utilisant RenderTexture. ```typescript import { Camera, RenderTexture } from 'UnityEngine'; import { Button, Text } from 'UnityEngine.UI'; import { SpawnInfo, ZepetoPlayers } from 'ZEPETO.Character.Controller'; import { ZepetoScriptBehaviour } from 'ZEPETO.Script'; import { WorldService, ZepetoWorldContent } from 'ZEPETO.World'; export default class ZepetoWorldContentExample extends ZepetoScriptBehaviour { // ZepetoWorldContent Interface de capture d'écran public cameraRenderButton: Button; public saveToCameraRollButton: Button; public shareButton: Button; public createFeedButton: Button; public logText: Text; // Caméra de rendu private camera: Camera; // Texture de rendu public renderTexture: RenderTexture; Start() { ZepetoPlayers.instance.CreatePlayerWithUserId(WorldService.userId, new SpawnInfo(), true); ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => { this.camera = ZepetoPlayers.instance.LocalPlayer.zepetoCamera.camera; }); this.cameraRenderButton.onClick.AddListener(() => { this.camera.targetTexture = this.renderTexture; this.camera.Render(); this.camera.targetTexture = null; }); this.saveToCameraRollButton.onClick.AddListener(() => { ZepetoWorldContent.SaveToCameraRoll(this.renderTexture, (result: boolean) => { this.logText.text = `Résultat de sauvegarde : ${result}`; }); }); this.shareButton.onClick.AddListener(() => { ZepetoWorldContent.Share(this.renderTexture, (result: boolean) => { this.logText.text = `Résultat de partage : ${result}`; }); }); this.createFeedButton.onClick.AddListener(() => { ZepetoWorldContent.CreateFeed(this.renderTexture, "[CONTENU]", (result: boolean) => { this.logText.text = `Résultat de création de fil : ${result}`; }); }); } } ``` :::hint{type="danger"} - Il ne peut pas être vérifié en mode éditeur Unity, mais peut être vérifié lors de la lecture sur l'application. ::: ## Capture d'écran Le module de capture d'écran est inclus dans le Build it Unity Plug-in. Vous pouvez consulter le script du module dans GitHub ci-dessous. :::hint{type="info"} **📘 Module de capture d'écran Build it Unity Plug-in** - [Lien vers GitHub](https://github.com/Zepeto-TechEvangelist/zepeto_buildit_template/tree/main/Assets/BuilditTemplate/Modules/Screenshot) ::: ### Comment utiliser la fonction de capture d'écran ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/7XiqGnk6X30r4HPlM_FN0_image.png) La fonction de capture d'écran est disponible en appuyant sur l'icône d'appareil photo située sur le côté droit de l'écran Build it Unity Plug-in World Play. ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/1vRTlKjKjVIJ5PRldihOL_image.png) - **1: Bouton du mode selfie** - Permet de passer la caméra en mode selfie. - **2: Bouton photo** - Vous pouvez prendre une photo de l'écran de lecture. - **3: Bouton d'enregistrement** - Vous pouvez enregistrer l'écran de lecture. - **4: Bouton Quitter** - Vous pouvez quitter le mode capture d'écran. :::hint{type="info"} ✏️ **Note** - Veuillez noter que les bulles de discussion ne sont pas incluses dans la capture d'écran. ::: ### Prendre des photos ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/ePYpdNBHYql9eiCHVuWrd_image.png) Appuyez sur le bouton photo et vous obtiendrez une fenêtre pop-up comme celle ci-dessus. Appuyez sur le bouton **Upload** pour télécharger la capture d'écran directement sur votre flux Zepeto. - Les photos sont téléchargées sur votre flux avec le texte de description par défaut défini dans le ScreenShot prefab. Pour modifier le texte par défaut, veuillez vous référer au [Comment modifier le texte de description par défaut](docId:8BkcEP4X232GmNx0qBmC1) guide. Cliquez sur le bouton **Edit** pour modifier le texte de la publication avant de télécharger la capture d'écran sur votre flux. ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/6K9K6_CY49gA1LsoJzp_O_image.png) - **1: Bouton Partager** - Vous pouvez partager votre capture d'écran. - **2: Bouton de téléchargement** - Vous pouvez enregistrer votre capture d'écran sur votre appareil. - **3: Bouton Quitter** - Vous pouvez quitter le mode édition. - **4: Fenêtre d'aperçu** - Vous pouvez prévisualiser votre capture d'écran. - **5: Modifier le texte** - Vous pouvez modifier le texte qui sera téléchargé sur votre flux Zepeto avec votre capture d'écran. - **6: Bouton de téléchargement** - Vous pouvez télécharger votre capture d'écran et votre texte sur votre flux Zepeto. ### Enregistrement de vidéos ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/9KZsqzJCBJcoQpdLwkqFx_videorecording.gif) Appuyez sur le bouton d'enregistrement vidéo pour démarrer l'enregistrement. La durée d'enregistrement sera affichée. ### Mode Selfie ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/bu2TDDOuHWZ5wXAxNoLiD_image.png) Lorsque vous appuyez sur l’icône de capture d’écran, l’icône du mode selfie apparaît. ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/a-pYYk8j5Tvtk-erMX03K_image.png) Appuyez sur l’icône pour activer le mode selfie. ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/g94ts9YhsXTMANPQIiOaP_selfiemode.gif) En mode selfie, le personnage regarde vers la caméra. Si la caméra dépasse un certain angle, le personnage se remettra à regarder droit devant. Vous pouvez prendre des photos ou enregistrer des vidéos en mode selfie. Appuyez à nouveau sur l’icône du mode selfie pour le désactiver. Il sera également désactivé automatiquement lorsque vous quittez la fonction de capture d’écran. ### Comment modifier le texte de description par défaut Lorsque vous téléchargez votre capture d'écran via le bouton **Upload** dans la fenêtre contextuelle, elle sera téléchargée avec le texte par défaut « **#ZEPETOWorld #ZEPETO #Bildy #World** ». ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/VKqcyjyHqIJj6CMF_xX8g_image.png) Le texte dans la zone **Description** qui apparaît lorsque vous appuyez sur le bouton **Edit** est également le texte par défaut, « **#ZEPETOWorld #ZEPETO #Bildy #World** ». ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/8gWR6Q-lmTrrW8yTeefFs_image.png) Pour modifier le texte de description par défaut, suivez les étapes ci-dessous. ::::WorkflowBlock :::WorkflowBlockItem Dans la fenêtre de gauche **Hierarchy**, sélectionnez **Managers > ScreenShot**. ::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/3DInnxVAhJovobrAnddHH_image.png" size="56" width="775" height="834" position="center" showCaption="false"} ::: :::WorkflowBlockItem Dans la fenêtre **Inspector** de droite, appuyez sur le bouton **Open** sous la zone Prefab pour ouvrir le ScreenShot Prefab. ::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/SbVI4skTHoh0W_DzrrVuC_image.png" size="58" width="775" height="954" position="center" showCaption="false"} ::: :::WorkflowBlockItem Dans la fenêtre de gauche **Hierarchy**, sélectionnez **ScreenShot > SafeArea > ScreenShot > PreviewPanel > PreviewTextFieldPanel > PreviewInputField**. ::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/Ib0Eb7FFjRNuhxHU7DuBO_image.png" size="56" width="775" height="1156" position="center" showCaption="false"} ::: :::WorkflowBlockItem Dans la fenêtre **Inspector** de droite, recherchez le champ **Text** et modifiez le texte. ::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/rUvD-ckD5HzBU6mGixlAw_image.png" size="56" width="777" height="769" position="center" showCaption="false"} ::: :::: Vous pouvez voir dans l'exemple ci-dessous que le texte dans la zone Description a changé. ::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/BhuqM4jVZYsP2fWdid8vy_group-10.png" size="52" width="775" height="767" position="center" showCaption="false"} ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/u--wpJWVsTi6Vza7jgS2E_image.png) ### Je ne vois pas l'icône de capture d'écran. ![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/vXzJ2AnXtvpFtkXNeXws4_image.png) Si vous ne voyez pas l'icône de capture d'écran sur le côté droit de l'écran de lecture, comme indiqué ci-dessus, suivez les étapes ci-dessous. ::::WorkflowBlock :::WorkflowBlockItem Dans la fenêtre de gauche **Hierarchy**, sélectionnez **Managers > ScreenShot**. ::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/zK7O2YKIa_ghgJxjkAaik_image.png" size="56" width="775" height="834" position="center" showCaption="false"} ::: :::WorkflowBlockItem Dans la fenêtre **Inspector** de droite, cochez la case de gauche. ::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/-GClHzGBnUkcFswNNSepQ_image.png" size="50" width="785" height="767" position="center" showCaption="false"} ::: ::::