Aller au contenu principal
CutFast CutFast

Gratuit dans le navigateur

Maquette iPhone Duo

Une page adaptative s'étend de la couverture vers le double écran interne à mesure que vous pliez. Déposez votre image ou votre vidéo, recadrez-la, puis exportez un MP4.

Ajouter CutFast aux sources préférées Google Vous verrez plus de CutFast dans les À la une et les réponses IA.
Ce que cela fait
Maquette de téléphone pliable + MP4
Entrées
URL · image · vidéo
Où cela tourne
Dans cet onglet
Exportation
Téléchargement MP4

Une maquette pliable qui joue votre contenu

Le média personnalisé est peint sur un canevas HTML et plaqué sur les écrans interne et externe du Duo. La charnière est un curseur en direct, pas un GIF. L'enregistrement exporte la vue 3D avec votre contenu toujours sur la vitre.

Features

Une maquette pliable vraiment utilisable

La page est l'outil. Le contenu personnalisé est dessiné sur un canevas HTML, plaqué sur les écrans Duo, puis enregistré dans le navigateur.

URL, image ou vidéo

Collez un site : il s'ouvre dans un iframe sur la vitre — la page se réagence de la couverture à la largeur du double écran quand vous pliez. Ou déposez un fichier et faites glisser pour recadrer.

Un pliage qui suit votre main

Pendant le glisser, le curseur suit en 1:1. Relâchez : depuis le mouvement en cours, un ressort l'amène en position ouverte ou fermée.

Exportez un MP4 ici

Enregistrez un cycle de pliage avec votre contenu sur les écrans et téléchargez un MP4 lisible. Rien n'est envoyé vers une ferme de rendu.

Pour des films d'appareil, pas des coques vides

Utilisez cet outil quand une capture sur un téléphone figé ne suffit pas et que la charnière doit suivre le récit.

Films de produit

Montrez une application ou un site qui s'ouvre sur un pliable, puis exportez le plan.

Extraits de lancement

Déposez une vidéo verticale, pliez l'appareil, et gardez le même fichier pour une publicité ou un réseau.

Maquettes pour un client

Placez une image fixe de conception sur les deux écrans sans quitter le navigateur.

Trois étapes

Restez sur cette page. Rien à installer.

  1. 1

    Plier le site de démo, ou déposer un fichier

    Personnalisé commence par une page adaptative qui s'étend quand le téléphone s'ouvre. Déposez une image ou une vidéo pour la recadrer et la placer.

  2. 2

    Plier le téléphone

    Faites glisser le curseur. Il suit votre main ; relâchez, et un ressort l'amène vers ouvert ou fermé.

  3. 3

    Enregistrer et télécharger

    Capturez un cycle de pliage en MP4. Le fichier est encodé dans le navigateur.

Qui utilise une maquette pliable

Dès qu'un cadre d'appareil figé est trop mort pour le récit.

Marketing d'applications

Montrez une interface produit qui s'ouvre sur un pliable, sans rendu cinéma.

Concepteurs d'animation

Déposez une vidéo, pliez sur le rythme, exportez le plan.

Fondateurs pressés par l'échéance

Placez une capture de page d'accueil sur les deux écrans et sortez un extrait aujourd'hui.

Téléchargements liés

Besoin d'un plan avec de vraies mains plutôt que d'une maquette 3D ?

Termes de maquette, expliqués

Qu'est-ce qu'une maquette de téléphone ?

Une maquette de téléphone est un cadre en forme d'appareil qui contient une capture d'écran, une vidéo ou une interface, pour voir la conception en situation. Contrairement à un calque PNG plat, une maquette 3D peut changer de caméra et de charnière pendant que le contenu reste plaqué sur la vitre.

Qu'est-ce qu'une maquette de téléphone pliable ?

Une maquette de téléphone pliable est un cadre d'appareil dont l'angle de charnière est un paramètre en direct. Fermée, elle montre l'écran de couverture ; ouverte, elle montre l'écran interne. Le même média peut être ajusté aux deux écrans, avec des bandes si besoin, à mesure que l'angle change.

Pourquoi tous les sites ne peuvent-ils pas être intégrés sur un canevas ?

Les navigateurs traitent les pixels d'un autre site comme privés, sauf si ce site envoie des en-têtes CORS. Dessiner une page d'une autre origine sur un canevas permettrait à un outil de lire ces pixels. Si les en-têtes manquent, la voie honnête est de refuser l'intégration et d'accepter une capture ou une vidéo envoyée.

Sources

  • Un contenu d'une autre origine est bloqué sur le canevas, sauf si la ressource est servie avec des en-têtes CORS, afin d'empêcher une page de lire les pixels d'un autre site.

    MDN — CORS ↗
  • WebCodecs permet à un site d'encoder un canevas ou une VideoFrame dans le navigateur, sans envoyer les images à un serveur.

    W3C WebCodecs ↗

Questions fréquentes

Posez-nous vos questions !

Guides associés

Besoin de couper l'extrait après l'export ?

Rognez, convertissez et sous-titrez le MP4 avec les autres outils de navigateur de CutFast.