VideoRecording

5min

Vous pouvez enregistrer ou partager des vidéos dans le Monde en utilisant des fonctions liées aux vidéos dans l'API WorldVideoRecorder, et créer des flux en utilisant des vidéos.
Pour utiliser les fonctions d'enregistrement vidéo et de sauvegarde/partage/publication de flux, vous devez créer une instruction d'importation comme suit.
TypeScript
import { WorldVideoRecorder } from 'ZEPETO.World';
import { WorldVideoRecorder } from 'ZEPETO.World';
﻿
L'API WorldVideoRecorder fournit les fonctions liées à la vidéo suivantes.
API
Description
WorldVideoRecorder.StartRecording(camera: UnityEngine.Camera, resolutions: VideoResolutions, durationSecond: number):boolean
Commencez l'enregistrement de la vidéo. Vous pouvez définir la caméra d'enregistrement, la résolution vidéo et le temps d'enregistrement comme paramètres. Le résultat de retour indique si le démarrage de l'enregistrement a réussi ou non.

- enum VideoResolutions { W1280xH720 = 0, W720xH1280 = 1, W1920xH1080 = 2, W1080xH1920 = 3 }
- durationSecond : La valeur maximale est 60, donc veuillez entrer une valeur inférieure à 60 si possible.
WorldVideoRecorder.StopRecording()
Arrêtez l'enregistrement de la vidéo en cours.
WorldVideoRecorder.IsRecording():boolean
Renvoie si l'enregistrement de la vidéo doit se poursuivre.
WorldVideoRecorder.SaveToCameraRoll(callback: System.Action$1)
Enregistrez la vidéo dans la bibliothèque photo.
WorldVideoRecorder.Share(callback: System.Action$1)
Partagez la vidéo avec une application externe.
WorldVideoRecorder.CreateFeed(contents: string, $callback: System.Action$1)
Téléchargez la vidéo dans le fil d'actualité. Le premier facteur, contents, vous permet de désigner le contenu d'un post.
WorldVideoRecorder.AddVideoPlayerComponent(playerObject: UnityEngine.GameObject, renderTexture: UnityEngine.RenderTexture):UnityEngine_Video.VideoPlayer
Ajoutez des composants de lecteur vidéo au GameObject où vous souhaitez lire la vidéo, et connectez les fichiers vidéo enregistrés. Cela renvoie le lecteur vidéo ajouté et vous permet de désigner la largeur, la hauteur ou le RenderTexture pour lire la vidéo, en fonction des paramètres.
WorldVideoRecorder.GetThumbnail():UnityEngine.Texture2D;
Renvoie la miniature de la vidéo enregistrée.
Ensuite, voici un exemple d'appel des fonctions de sauvegarde/partage/publication de mes vidéos dans le World Video Recorder.
Il n'est pas possible de le vérifier dans l'environnement de l'éditeur Unity, mais il est possible de le vérifier lors de la lecture via l'application.
La résolution est enregistrée à la valeur spécifiée lorsqu'elle est sauvegardée en tant que fichier, mais la résolution peut changer lorsqu'elle est téléchargée sur le ZEPETO Feed.
Si vous entrez une valeur supérieure à 60 pour durationSecond, l'enregistrement ne fonctionnera pas correctement.
TypeScript
WorldVideoRecorder.SaveToCameraRoll(result => {console.log(`${result}`)});   

WorldVideoRecorder.Share(result => {console.log(`${result}`)});

WorldVideoRecorder.CreateFeed("[contents]", result => {console.log(`${result}`)});
WorldVideoRecorder.SaveToCameraRoll(result => {console.log(`${result}`)});   

WorldVideoRecorder.Share(result => {console.log(`${result}`)});

WorldVideoRecorder.CreateFeed("[contents]", result => {console.log(`${result}`)});
﻿
﻿
Voici un exemple de code complet qui utilise les fonctions d'enregistrement vidéo dans le WorldVideoRecorder en utilisant RenderTexture.
TypeScript
import { Camera, GameObject, RenderTexture } from 'UnityEngine';
import { Button, RawImage } from 'UnityEngine.UI';
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { VideoResolutions, WorldVideoRecorder } from 'ZEPETO.World';

export default class WorldVideoRecorderExample extends ZepetoScriptBehaviour {
    
    // WorldVideoRecorder Video UI 
    public startRecordingButton: Button;
    public stopRecordingButton: Button;
    public saveVideoButton: Button;
    public shareVideoButton: Button;
    public createFeedButton: Button;
    public getThumbnailButton: Button;
    public thumbnailImage: RawImage;

    // Recorder Camera 
    public recorderCamera: Camera;

    // Target Texture 
    public targetTexture: RenderTexture;

    // VideoPlayer Object 
    private videoPlayerObject: GameObject;

    Awake() {
        this.videoPlayerObject = new GameObject();
    }

    Start() {
        this.startRecordingButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.StartRecording(this.recorderCamera, VideoResolutions.W1280xH720, 15)) {
                return;
            }

            this.StartCoroutine(this.CheckRecording());
        });

        this.stopRecordingButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                return;
            }

            WorldVideoRecorder.StopRecording();
        });

        this.saveVideoButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                WorldVideoRecorder.SaveToCameraRoll(result => { console.log(`${result}`) });
            }
        });

        this.shareVideoButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                WorldVideoRecorder.Share(result => { console.log(`${result}`) });
            }
        });

        this.createFeedButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                WorldVideoRecorder.CreateFeed("[contents]", result => { console.log(`${result}`) });
            }
        });

        this.getThumbnailButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                this.thumbnailImage.texture = WorldVideoRecorder.GetThumbnail();
            }
        });
    }

    *CheckRecording() {
        while (WorldVideoRecorder.IsRecording()) {
            yield null;
        }

        let videoPlayer = WorldVideoRecorder.AddVideoPlayerComponent(this.videoPlayerObject, this.targetTexture);

        if (videoPlayer == null) {
            return;
        }
        
        videoPlayer.Play();
    }
}
import { Camera, GameObject, RenderTexture } from 'UnityEngine';
import { Button, RawImage } from 'UnityEngine.UI';
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { VideoResolutions, WorldVideoRecorder } from 'ZEPETO.World';

export default class WorldVideoRecorderExample extends ZepetoScriptBehaviour {
    
    // WorldVideoRecorder Video UI 
    public startRecordingButton: Button;
    public stopRecordingButton: Button;
    public saveVideoButton: Button;
    public shareVideoButton: Button;
    public createFeedButton: Button;
    public getThumbnailButton: Button;
    public thumbnailImage: RawImage;

    // Recorder Camera 
    public recorderCamera: Camera;

    // Target Texture 
    public targetTexture: RenderTexture;

    // VideoPlayer Object 
    private videoPlayerObject: GameObject;

    Awake() {
        this.videoPlayerObject = new GameObject();
    }

    Start() {
        this.startRecordingButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.StartRecording(this.recorderCamera, VideoResolutions.W1280xH720, 15)) {
                return;
            }

            this.StartCoroutine(this.CheckRecording());
        });

        this.stopRecordingButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                return;
            }

            WorldVideoRecorder.StopRecording();
        });

        this.saveVideoButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                WorldVideoRecorder.SaveToCameraRoll(result => { console.log(`${result}`) });
            }
        });

        this.shareVideoButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                WorldVideoRecorder.Share(result => { console.log(`${result}`) });
            }
        });

        this.createFeedButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                WorldVideoRecorder.CreateFeed("[contents]", result => { console.log(`${result}`) });
            }
        });

        this.getThumbnailButton.onClick.AddListener(() => {
            if (false == WorldVideoRecorder.IsRecording()) {
                this.thumbnailImage.texture = WorldVideoRecorder.GetThumbnail();
            }
        });
    }

    *CheckRecording() {
        while (WorldVideoRecorder.IsRecording()) {
            yield null;
        }

        let videoPlayer = WorldVideoRecorder.AddVideoPlayerComponent(this.videoPlayerObject, this.targetTexture);

        if (videoPlayer == null) {
            return;
        }
        
        videoPlayer.Play();
    }
}
﻿
Après avoir écrit le script, créez les boutons et les images brutes nécessaires sur le canevas.
Après cela, assignez chaque composant dans l'inspecteur.
Pour la caméra, vous pouvez utiliser un composant de caméra normal.
Pour les textures cibles, Créer > Veuillez le créer en tant que texture de rendu.
﻿
👍 Astuce
Si vous utilisez la même texture de rendu que la capture d'écran, elle peut ne pas s'afficher correctement, alors veuillez créer une nouvelle texture de rendu juste pour l'enregistrement et l'utiliser.
﻿
Vous pouvez tester la fonction d'enregistrement vidéo en la faisant passer par la version mobile QR.
﻿
﻿

API	Description
WorldVideoRecorder.StartRecording(camera: UnityEngine.Camera, resolutions: VideoResolutions, durationSecond: number):boolean	Commencez l'enregistrement de la vidéo. Vous pouvez définir la caméra d'enregistrement, la résolution vidéo et le temps d'enregistrement comme paramètres. Le résultat de retour indique si le démarrage de l'enregistrement a réussi ou non. - enum VideoResolutions { W1280xH720 = 0, W720xH1280 = 1, W1920xH1080 = 2, W1080xH1920 = 3 } - durationSecond : La valeur maximale est 60, donc veuillez entrer une valeur inférieure à 60 si possible.
WorldVideoRecorder.StopRecording()	Arrêtez l'enregistrement de la vidéo en cours.
WorldVideoRecorder.IsRecording():boolean	Renvoie si l'enregistrement de la vidéo doit se poursuivre.
WorldVideoRecorder.SaveToCameraRoll(callback: System.Action$1)	Enregistrez la vidéo dans la bibliothèque photo.
WorldVideoRecorder.Share(callback: System.Action$1)	Partagez la vidéo avec une application externe.
WorldVideoRecorder.CreateFeed(contents: string, $callback: System.Action$1)	Téléchargez la vidéo dans le fil d'actualité. Le premier facteur, contents, vous permet de désigner le contenu d'un post.
WorldVideoRecorder.AddVideoPlayerComponent(playerObject: UnityEngine.GameObject, renderTexture: UnityEngine.RenderTexture):UnityEngine_Video.VideoPlayer	Ajoutez des composants de lecteur vidéo au GameObject où vous souhaitez lire la vidéo, et connectez les fichiers vidéo enregistrés. Cela renvoie le lecteur vidéo ajouté et vous permet de désigner la largeur, la hauteur ou le RenderTexture pour lire la vidéo, en fonction des paramètres.
WorldVideoRecorder.GetThumbnail():UnityEngine.Texture2D;	Renvoie la miniature de la vidéo enregistrée.

Mis à jour 10 Oct 2024

Cette page vous a-t-elle aidée?

Capture d'écran

Ajout de l'élément suivant : fonction de liste des abonnés