Grátis no navegador
Uma página responsiva se expande da capa para a tela interna dupla conforme você dobra. Solte sua imagem ou vídeo, recorte e exporte um MP4.
A mídia customizada é pintada em canvas HTML e mapeada nas telas interna e externa do Duo. A dobradiça é um controle ao vivo, não um GIF. A gravação exporta a vista 3D com o conteúdo ainda no vidro.
A página é a ferramenta. O conteúdo customizado é pintado em canvas HTML, colado nas telas Duo e gravado no navegador.
O site demo se reajusta da primeira tela à largura das duas telas. Ou solte um arquivo e arraste para recortar, como ao posicionar uma foto de perfil.
Enquanto arrasta, 1:1. Ao soltar, a mola vai a aberto ou fechado a partir do movimento atual.
Grave um ciclo de dobra com o seu conteúdo e baixe um MP4 reproduzível.
Use quando um frame estático não conta a história e a dobradiça precisa acompanhar.
Mostre um app ou site abrindo num dobrável e exporte o plano.
Solte um vídeo vertical, dobre o aparelho e use o mesmo arquivo em anúncio ou rede.
Coloque um still nas duas telas sem sair do navegador.
Fique nesta página. Nada para instalar.
Personalizado começa com uma página responsiva que se expande ao abrir o celular. Solte uma imagem ou vídeo para recortar e posicionar.
Arraste o controle. Segue a mão; ao soltar, vai de mola a aberto ou fechado.
Capture um ciclo de dobra em MP4. A codificação é no navegador.
Quando um frame estático de aparelho é morto demais para a história.
Mostre a UI abrindo num dobrável sem um render de cinema.
Solte um vídeo, dobre no tempo, exporte o plano.
Cole a captura da landing nas duas telas e envie o clipe hoje.
Precisa de uma placa com mãos reais em vez de um mockup 3D?
Uma moldura em forma de aparelho que segura uma captura, um vídeo ou uma interface para o design ser visto em contexto. Diferente de um PNG plano, um mockup 3D pode mudar câmera e dobradiça enquanto o conteúdo da tela permanece mapeado no vidro.
Uma moldura cujo ângulo de dobradiça é um parâmetro ao vivo. Fechado, mostra a tela de capa; aberto, a tela interna. A mesma mídia pode ir às duas telas conforme o ângulo muda.
Os navegadores tratam os pixels de outro site como privados, salvo se esse site enviar cabeçalhos CORS. Desenhar uma página de outra origem num canvas permitiria ler esses pixels. Sem os cabeçalhos, o caminho honesto é recusar o embed e aceitar uma captura ou um vídeo enviado.
Conteúdo de outra origem é bloqueado no canvas sem cabeçalhos CORS, para impedir que uma página leia os pixels de outro site.
MDN — CORS ↗WebCodecs permite que um site codifique canvas ou VideoFrame no navegador sem enviar os quadros a um servidor.
W3C WebCodecs ↗PERGUNTAS FREQUENTES
Pergunte o que quiser!
Ajuste, converta e legendas com as outras ferramentas CutFast no navegador.
