Vai al contenuto principale
CutFast CutFast

Gratis nel browser

Mockup iPhone Duo

Una pagina adattiva si allarga dallo schermo esterno al doppio schermo interno mentre pieghi. Metti la tua immagine o il tuo video, ritagliali ed esporta un MP4.

Aggiungi CutFast tra le fonti preferite di Google Vedrai più CutFast nelle Notizie principali e nelle risposte AI.
Cosa fa
Mockup pieghevole + MP4
Ingressi
URL · immagine · video
Dove gira
In questa scheda
Esportazione
MP4 da scaricare

Un mockup pieghevole che mostra il tuo contenuto

I media personali si dipingono su un canvas HTML e si mappano sugli schermi interno ed esterno di Duo. La cerniera è un cursore dal vivo, non una GIF. La registrazione esporta la vista 3D con il tuo contenuto ancora sul vetro.

Features

Un mockup pieghevole che usi davvero

La pagina è lo strumento. Il contenuto personale si disegna su un canvas HTML, si mappa sugli schermi di Duo e si registra nel browser.

URL, immagine o video

Incolla un sito e si apre in un iframe sul vetro: la pagina si adatta dallo schermo esterno alla larghezza del doppio schermo mentre pieghi. Oppure rilascia un file e trascina per ritagliare.

Una piega che segue la mano

Il cursore segue 1:1 mentre trascini. Quando rilasci, torna a molla verso aperto o chiuso partendo dal movimento attuale.

Esporta un MP4 qui

Registra un ciclo di piega con il tuo contenuto sugli schermi e scarica un MP4 che si riproduce. Non mandi nulla a un server di rendering.

Fatto per i video sul dispositivo, non per gusci vuoti

Usalo quando una schermata su un telefono fermo non basta e la cerniera deve muoversi con la storia.

Video di prodotto

Mostra un'app o un sito che si apre su un pieghevole, poi esporta l'inquadratura.

Clip di lancio

Metti un video verticale, piega il dispositivo e tieni lo stesso file per gli annunci o i social.

Mockup per il cliente

Metti un fermo del design su entrambi gli schermi senza lasciare il browser.

Tre passi

Resta su questa pagina. Niente da installare.

  1. 1

    Piega il sito di esempio o rilascia un file

    Personale parte da una pagina adattiva che si allarga quando il telefono si apre. Rilascia un'immagine o un video per ritagliarli e posizionarli.

  2. 2

    Piega il telefono

    Trascina il cursore. Segue la tua mano; quando rilasci, torna a molla verso aperto o chiuso.

  3. 3

    Registra e scarica

    Cattura un ciclo di piega come MP4. Il file si codifica nel browser.

Chi usa un mockup pieghevole

Quando un telaio fermo è troppo spento per la storia.

Chi promuove un'app

Mostra l'interfaccia di un prodotto che si apre su un pieghevole, senza un rendering da cinema.

Chi anima

Metti un video, piega sul ritmo ed esporta l'inquadratura.

Chi deve consegnare oggi

Metti una schermata della pagina su entrambi gli schermi e manda una clip oggi.

Scaricamenti collegati

Ti serve una ripresa con mani vere invece di un mockup 3D?

Termini del mockup, spiegati

Cos'è un mockup di telefono?

Un mockup di telefono è un telaio a forma di dispositivo che contiene una schermata, un video o un'interfaccia, così il design si vede nel contesto. A differenza di una sovrapposizione PNG piatta, un mockup 3D può cambiare inquadratura e cerniera mentre il contenuto dello schermo resta mappato sul vetro.

Cos'è un mockup di telefono pieghevole?

Un mockup di telefono pieghevole è un telaio in cui l'angolo della cerniera è un parametro dal vivo. Chiuso, mostra lo schermo esterno; aperto, lo schermo interno. Lo stesso media si adatta su entrambi gli schermi mentre l'angolo cambia.

Perché non ogni sito si può mettere su un canvas?

I browser trattano i pixel di un altro sito come privati, a meno che quel sito non mandi intestazioni CORS. Disegnare una pagina di un'altra origine su un canvas permetterebbe a uno strumento di leggere quei pixel. Se le intestazioni mancano, la strada corretta è rifiutare l'incorporamento e accettare una schermata o un video caricati.

Fonti

  • Il contenuto di un'altra origine è bloccato dal canvas, a meno che la risorsa non arrivi con intestazioni CORS, così una pagina non può leggere i pixel di un altro sito.

    MDN — CORS ↗
  • WebCodecs permette a un sito di codificare un canvas o un VideoFrame nel browser, senza mandare i fotogrammi a un server.

    W3C WebCodecs ↗

Domande frequenti

Chiedici qualsiasi cosa!

Guide correlate

Devi tagliare la clip dopo l'esportazione?

Ritaglia, converti e sottotitola l'MP4 con gli altri strumenti nel browser di CutFast.