糟糕的HTML5视频播放

时间:2015-06-07 17:07:19

标签: javascript c# html5 webbrowser-control mp4

我正在为客户创建一个交互式视频墙。它由9 55"液晶显示器采用纵向模式,触摸屏设备包含整个装置。

应用程序的主要部分是用HTML和jQuery以及其他JavaScript编写的。我正在使用一个带有WebBrowser控件的基本C#应用程序,该控件设置为全屏显示所有9个监视器。索引只是在本地加载,而不是从服务器应用程序传递。

除视频播放外,一切都很顺利。当我在应用程序中启动视频时,播放不稳定。当我播放多个视频时,它似乎并没有变得更糟。我正在使用jQuery插入带有自动播放的视频DOM元素来启动视频,然后在视频的末尾有一个触发器来删除元素。所有视频都是MP4,并且可以从原生的1920x1080 MOV文件缩小到他们需要的大小(960x540)。

整个应用程序中有一些flash元素和一些动画JavaScript元素,删除后,似乎会略微提高视频播放质量。在故障排除期间,我们怀疑它可能是资源不足的问题,因此我构建了一台配备Core i7,16gb DDR4和3x GTX970 4gb卡的机器,没有明显的改进。

我知道WebBrowser控件使用Internet Explorer来呈现页面。当我在Firefox中加载HTML文档并手动拉伸它时,播放也是不稳定的。当窗口仅在一个或两个屏幕上拉伸时,视频就可以了。只有当它达到5-6监视器标记时,质量开始降低。

如何让这些视频流畅播放?通过QuickTime播放未压缩的MOV文件,或者将MP4文件转换为flash元素来播放是否有帮助?我是否会更好地用Flash或C#等编译语言重写整个程序,而不是将其作为大型网页运行?

0 个答案:

没有答案