什么是手机模具?
手机模具是套在截图、视频或界面外面的设备外形,让设计出现在真实比例里。和一张平面 PNG 贴图不同,三维模具可以改镜头和铰链,屏幕内容仍然贴在玻璃上。
浏览器内免费
响应式页面随你折叠,从外屏展开到内双屏。拖入自己的图片或视频,裁切后导出 MP4。
自定义画面画在 HTML 画布上,贴到 Duo 内屏和外屏。铰链是活的滑杆,不是 GIF。录制导出的是带着你内容的三维画面。
这一页就是工具。自定义内容画在 HTML 画布上,贴到 Duo 屏幕,并在浏览器里录成片。
粘贴网址,网页会用 iframe 嵌在玻璃上,折叠时从外屏重排到双屏宽度。也可以拖入文件再拖动裁切。
拖滑杆时 1:1 跟着。松手后从当前动作弹簧落到打开或合上。
录一段带你内容的开合,下载能播的 MP4。不经过远端渲染。
静帧贴图不够时,让铰链跟着故事走。
让应用或网站在折叠屏上打开,然后导出这一镜。
丢进竖屏视频,折叠设备,同一条文件去投广告或社交。
把设计静帧贴到两块屏上,不用离开浏览器。
留在这一页,不用装软件。
自定义一开始是响应式页面,手机打开时跟着展开。拖入图片或视频即可裁切摆放。
拖滑杆。跟手;松手后弹簧落到打开或合上。
把一次开合录成 MP4。编码在浏览器里完成。
静帧手机框撑不起故事的时候。
不用电影级渲染,也能让产品界面在折叠屏上打开。
丢进视频,踩着节奏折叠,导出这一镜。
把落地页截图贴到两块屏上,今天就能出片。
想要真实双手底板,而不是三维模具?
手机模具是套在截图、视频或界面外面的设备外形,让设计出现在真实比例里。和一张平面 PNG 贴图不同,三维模具可以改镜头和铰链,屏幕内容仍然贴在玻璃上。
折叠屏手机模具的铰链角度是活的参数。合上时看到外屏,打开时看到内屏。同一段内容可以随角度铺到两块屏上。
除非对方站点返回跨域头,浏览器会把别的网站像素当成私有。画到画布上等于让工具读这些像素。没有头时,老实的做法是拒绝嵌入,改收上传的截图或视频。
除非资源带跨域头,跨源内容不能画到画布上,以免一个页面读到另一个站点的像素。
MDN — CORS ↗WebCodecs 让网站在浏览器里编码画布或视频帧,而不把帧传到服务器。
W3C WebCodecs ↗常见问题
有问题?问我们!