异形屏 / 拼接屏播放映射实操
本文讲异形/拼接屏的素材映射实操;具体映射能力(warping 网格密度、遮罩形状、旋转支持)以你手上的播放/拼接软件功能为准,不同软件叫法和上限不一样。
甲方设计师给你甩来一张效果图:三块屏拼成 L 型角,一块正对观众、一块贴右墙转 90 度、还有一块铺在地上。你把成片一拖,整段视频”啪”地铺满——结果转角处的画面直接断成两截,地上那块还是倒着的。这不是素材做坏了,是异形屏的画面根本不能”直接全屏播”,它得先经过一层映射,把一张平面素材精确地”贴”到这堆歪七扭八的屏上去。
这活儿的门道全在”对坐标”三个字上。屏在物理空间怎么摆,画布上就怎么排;差一厘米,观众站转角一眼看出错位。下面从量屏、建画布、切片分配走到试播校验,把这套映射一次做对。
映射是什么,为什么异形屏必须做
普通单屏是一比一的:1920×1080 的片子丢给同尺寸的屏,满屏、对位、结束。异形屏不行——你的”屏”是好几块拼出来的、带转角和旋转,物理上是一幅连续画面,逻辑上却是好几个独立输出口。
映射干的事,就是在素材(一张大画布)和物理屏(一堆输出口)之间建对应关系:画布上哪一块像素,送到哪块屏、以什么角度、要不要变形。做对了是一整幅连贯画面,做错了就是串屏、断裂、变形这三样。异形屏项目真正花时间的从来不是播放,是这层映射。
前置条件
动手前这几样必须齐,缺一样后面都得返工:
- 屏体精确排布图。每块屏的分辨率、物理位置(毫米级)、旋转角度、屏间缝隙,一样都不能”目测”。最好现场拉卷尺实测,别信图纸——装歪一两度太常见。
- 软件支持画布分区映射。能对每个输出口单独设裁切矩形、旋转、warping、遮罩,买之前先确认,别到现场才发现干不了。
- 素材按目标画布制作。尺寸、编码、帧率统一,制作阶段就按整体画布比例出片,参见 无缝切换实操 的素材统一规范。
- 每块屏能单独点亮验证。上映射前,先确认每个口单独送纯色/编号图能正确亮到对应屏,接线别接错。
最小可用:先让一块屏对上
别一上来就整三块联动。先挑最简单的正面那块正屏,把整套流程走通一遍。
在软件里建一个只覆盖这块屏的小画布(如 1920×1080),分配一个裁切矩形,source 取画布全区、destination 指向正面屏那个口,旋转设 0 度。丢一张带大号数字”1”和网格线的测试图进去。
你应该看到:数字”1”正着、居中、不变形,网格线横平竖直。若数字斜了或被拉长,是旋转角或裁切比例错了,先调正——单块都对不上,联动一定是灾难。这一块跑通,剩下就是照葫芦画瓢加屏。
完整步骤
1. 量屏建坐标
把每块屏的位置量准,建立一个统一坐标系(一般取整个屏阵的左上角为原点,向右为 x、向下为 y,单位用像素)。异形项目最怕”差不多”——1cm 的物理偏差换算到画面上就是几十个像素的明显错位。
你应该看到:一张填满的坐标表,每块屏的画布位置(x,y)、分辨率、旋转都有确定数值,没有一个”待定”。
| 屏块 | 分辨率 | 画布位置(x,y) | 旋转 |
|---|---|---|---|
| 屏1(正面) | 1920×1080 | 0,0 | 0° |
| 屏2(右转角) | 1080×1920 | 1920,0 | 竖置 90° |
| 屏3(地面) | 1920×1080 | 0,1080 | 0° |
2. 建大画布
建一张覆盖所有屏的逻辑画布,尺寸按整体外接矩形定(把所有屏块包进去的最小矩形)。上表最右到 1920+1080=3000、最下到 1080+1080=2160,画布就至少 3000×2160。所有屏的像素区域都落在这张画布的对应坐标上。
你应该看到:画布上三个矩形区域清晰可见,位置和排布图一一对应。
3. 切片分配(映射核心)
整篇最关键的一步。为每块屏定义它该取画布上哪一块区域:设置裁切矩形(source rect,从画布抠出一块)→ 指向目标屏(destination,物理输出口)。错位拼接就是靠这一组组精确的 source→destination 对应,把打散的画面”拼回”成一幅完整图。
你应该看到:每块屏都有一条明确映射,source 落在画布内、destination 指向正确的口。漏配一块,那块屏就黑或播错。
4. 几何校正
平面素材贴到非平面/非正置的屏上,得掰一掰:
- 弧形/曲面:用 warping(网格变形)在屏区域铺控制网格,拖网格点把平面素材”掰”成贴合曲面的形状。
- 旋转屏:对竖置/斜置屏块设对应旋转角(如屏2 竖置设 90°),让画面正过来。
- 镂空异形:用遮罩(mask)把非显示区域挖空,画面只在有屏处出图,缝隙和镂空不漏光。
你应该看到:弧面上直线不再鼓凹,竖屏画面正立,镂空区纯黑不出内容。
5. 多机分担
像素量大时(十几块 4K 拼一起),单台带宽和解码吃不消,得分多台各管几块。跨机拼缝就成了新问题:两台各播各的,起播差一帧缝隙处就错开,必须做帧同步齐步走,方案见 多机帧同步方案。
你应该看到:分机后各屏块正常出画,跨机拼缝处画面连续、不撕裂。
6. 试播校验
放一张专门测试图——带密网格、坐标刻度、大号屏编号,逐屏核对三件事:是否错位、是否变形、缝隙处是否连续。全对了再换正式素材。
你应该看到:整个屏阵拼出一张连贯网格图,跨屏的横竖线在缝隙两侧严丝合缝地接上,无断头无错位。
映射参数速查表
| 参数 | 作用 | 注意 |
|---|---|---|
| source rect | 从画布抠取的区域坐标 | 必须落在画布尺寸内,别超界 |
| destination | 送往的物理输出口/屏 | 别接错口,一口对一屏 |
| 旋转角 | 竖置/斜置屏的画面校正 | 90/180/270 常见,斜置按实测角 |
| warping 网格 | 曲面/弧面的形状贴合 | 曲率大就加密控制点 |
| 遮罩 mask | 挖空非显示区域 | 镂空异形靠它,边缘对齐屏轮廓 |
排错要点
| 现象 | 可能原因 | 解决 |
|---|---|---|
| 画面串屏/错块 | source/destination 映射配错 | 对照排布图逐块核对每条映射 |
| 转角处画面断裂 | 旋转角设错或坐标偏差 | 重新实测该屏物理位置与角度 |
| 曲面画面变形(鼓/凹) | warping 网格点不够密或没贴合 | 加密控制点,逐点微调贴合曲面 |
| 镂空处漏出画面 | 遮罩没做或边缘没对齐 | 补遮罩,边缘对齐屏体实际轮廓 |
| 某块屏全黑 | 漏配映射或输出口接错 | 补上该屏映射,核对物理接线 |
| 多机拼缝撕裂 | 不是映射问题,是同步问题 | 回到 多屏同步 与帧同步排查 |
特别提醒最后一行:拼缝撕裂十有八九不是映射配错,是多台机器没做帧同步。单机时缝隙好好的、一分机就撕,那就是同步的锅,别在映射参数上折腾,直奔帧同步查。
进阶变体
跑通标准拼接后,现场还会碰到几种硬骨头:
大曲率环幕。 弧度越大,warping 网格要越密,默认那几个控制点根本贴不住,得手动加到几十上百个点逐段掰。做完用竖直参考线检查,弧面上的竖线要根根笔直不能”波浪”。
斜置非 90 度屏。 有些艺术装置屏是斜 30、45 度装的,旋转角不能填整数档,得按现场实测的精确角度填,填完拿网格图验证画面正没正。
动手清单
- 现场实测拿到毫米级屏体排布图(分辨率/位置/旋转/缝隙)
- 确认软件支持裁切/旋转/warping/遮罩四项能力
- 每块屏单独送编号图,验证物理接线没接错
- 先跑通单块正屏的映射(测试图数字正、网格直)
- 建统一坐标系、填满坐标表、无”待定”
- 按外接矩形建大画布
- 逐块配 source→destination 映射,一块不漏
- 做几何校正(旋转/warping/遮罩)
- 像素量大时分多机并做帧同步
- 网格测试图逐屏校验,跨缝连续再上正式素材
小结
异形屏的难点从来不在”播”,而在”映射”——把平面素材精确对应到一堆带转角、旋转、曲面的物理屏上。核心一句话:物理怎么摆,画布怎么排,坐标对齐是命根子。先跑通单块,再逐块加映射、几何校正收边、多机补帧同步,最后用网格图验到跨缝严丝合缝。测细一点,异形屏也能干净上屏。
延伸:超宽/超高分辨率方案、无缝切换实操、播控选题。
支持画布映射、切片裁切与几何校正的播放端,了解 SoftPlayer 网络可控播放器,异形拼接也能精准上屏。