下面的视频是我开发的大数据展现产品 aYin's Data Center
如果针对企业大屏做数据展现的开发，最常见的问题就是物理分辨率和实际分辨率的冲突。
很多时候物理分辨率很大，但实际分辨率单个视频源仅仅能以1080p的方式去展现。
以某水利灌区为例
主要是中间8块屏幕做数据展现，每块屏幕的物理分辨率是1920*1080，8块屏幕的实际分辨率为7680*2160，投屏的操作服务器，可以把任意数据源配置到任意单块或多块屏幕，但单一数据源仅支持1080p，也就是把4块屏幕合并后输出一个视频源只能限制在1920*1080p的范围，8块屏合并输出也是一样的情况，也就是开发完的大屏产品，终究只能限制在1920*1080这个分辨率的范围。
而且不仅如此，8块屏幕合并后，会产生比例的拉伸变形，仔细看上图，所有windows元素都被横向被拉伸了两倍！所有元素比例均发生严重变形！如果此时大屏上放个正圆形，会被拉伸成横向的椭圆。如果是中间4块屏幕合并投屏，则能保持正常比例，不过左右两侧的屏幕就被闲置。
接到需求后，便开始给对方出方案。
1.以单屏1080p开发，多个数据源展现，这样能超越1080的分辨率。后因为这种方案不便于操作被排除。（有些大屏硬件厂商是可以支持每个屏幕打开一个URL地址来展现内容，相当于内嵌浏览器，这个客户的大屏不支持这种操作。）
2.开发的时候以真实的2屏并排的方式开发，开发完毕后横向压缩一倍，然后投到大屏上后横向被拉伸一倍，理论上这样就最终展现应该就能解决比例问题了。而且展现的内容更多了。根据这个方案基于“aYin's Data Center”产品连夜开发了一个demo，虽然做的很潦草，不过做方案展示和测试问题是否得到有效解决足够了。请看下面几幅图片。
下图是demo开发完毕正常的显示效果，分辨率为3840*1080。
横向2屏拼接数据屏，原始比例
下图是上图经过横向压缩后的效果，分辨率为1920*1080。比例完全不对？别担心投到大屏上看看效果。（不是图片压缩，是web视图压缩，经验丰富的前端都知道怎么写）
横向2屏拼接数据屏，横向压缩一倍后的效果
在这个大屏上横向分辨率是1920拉伸两倍的情况，所以上图被拉伸后就变成了下图正常的比例。
demo被投到客户大屏上的效果
仔细看上图中底部呼出的控制栏元素是未做横向压缩的，所以投大屏还是被横向拉伸变形了，下图是隐藏掉控制栏的截图。
demo被投到客户大屏上的效果
可以看到，完美解决了客户原先的比例被横向拉伸两倍的问题。
这个方案实际上是用1080p分辨率模拟了2K带鱼显示器的效果，或者说也类似左右分屏的3D电影的处理方案（左右分屏的3D电影片源，左右各有960px宽度的独立视频，通过播放器处理后左右都被拉伸成1920px宽度并且叠加在一起）。
本方案是本人原创，从业12年并未见过类似的处理方式，所以姑且认为是首创。
这个解决方案处理的就是老旧大屏1080p展示的时候的一些不足之处。
如果是较新款的大屏硬件，支持真实物理分辨率的话，可以做的更出彩，分辨率越高，展现的内容越多，清晰度也更高。而且有丰富的展现方式和交互方式。
比如目前开发完的，拼接大屏中，有5块内容的主副屏切换功能。也有3*1拼接屏，2*1拼接屏，并且这种拼接屏的开发方式都是单屏开发多屏拼接，也就是，任意一组内容都可以在pc上以1080p的分辨率去查看。如下图
单屏开发多屏拼接，开发完毕后任意单屏可以独立展现查看
此单屏视图甚至可以在手机上完美展现，数据部分可以双指放大查看。
总结一下本大屏系统的特点：
1.单屏开发，多屏拼接。（以1080p为单位屏开发完毕后，拼装在一起，这样可以关注到每个微小的细节）
2.无极缩放，可以适应任何分辨率。(PC端、手机端可以单屏视图查看，大屏可以以拼接屏视图查看)
3.主副屏切换查看。（文章视频开头中演示效果）
4.可针对老旧大屏仅支持1080p且投屏比例失调的问题。
5.自定义大屏（开发中，可以针对不同的会议，在会议之初，通过拖拽的方式把预制图表拖拽到大屏上面，针对不同的会议和领导可以展现不同的数据，提供了多维度，多方向的定制化内容。）
6.采用全开源技术，开发方便。
更多功能还在规划和开发中，如自定义大屏、主题切换、基于three.js的3D厂房、设备、管道等。
目前本大屏产品寻求合作中。请联系私信我，仅面向公司企业，私人勿扰。
本人是个人开发者，规划、设计和开发工作均由本人独立完成，此产品仅仅是前端功能，基于vue开发，使用的组件为全开源、或自己开发、以及开源组件二次开发改造。
本文不提供任何技术咨询。
另外，山西太原地区的公司可面谈
