首页 学习资料网络教程正文

Facebook有优秀的测试基础设施,默认使用HTML5技术播放视频

网络教程 2022-04-19 11:49 73 html5脸书

Facebook有优秀的测试基础设施,默认使用HTML5技术播放视频

最近,Facebook 将网络上的几乎所有视频都从 Adob​​e Flash 迁移到了 html5。当然,Facebook 将继续与 Adob​​e 合作,为平台上的游戏提供可靠、安全的 Flash 体验,但在所有浏览器中默认使用 HTML5 技术进行视频播放。从开发速度到可访问性,HTML5 提供了许多好处。

根据 Facebook 前端高级工程师 Daniel Paulich 的说法,网络技术的使用使 Facebook 能够利用开源社区和 Facebook 已有的优秀浏览器工具,而无需重新编译代码,并应用直接在浏览器中更改,让 Facebook 快速行动。Facebook 拥有出色的测试基础设施,在迁移到 HTML5 视频后,工程师可以自由使用 Jest 和 Webdriver 等所有 Web 工具。HTML5 使工程师能够构建一个完全可以通过屏幕阅读器和键盘输入访问的播放器,使有视觉障碍的人更容易使用 HTML5 提供的辅助工具来使用该产品。

视频日志可帮助 Facebook 了解用户如何使用视频播放器。Facebook 与公众共享一些数据,例如视频观看次数和视频发布者。Daniel Paulich 表示视频播放器通用java,Facebook 必须确保新视频播放器记录的数据与旧播放器在同一场景中记录的数据相同,但由于配置差异和其他细节,很难做到这一点。为保证日志数据正确,Facebook创建了一个测试套件,在同一个用户交互场景下同时运行两个视频播放器,然后验证日志记录是否一致,从而保证新的HTML5视频播放器上报数据存在是高可信度。

在将视频迁移到 HTML5 技术之前,Facebook 必须解决的主要问题之一是各种浏览器中 HTML5 视频的错误(漏洞)。Daniel Paulich 说,在 CHRome 浏览器中,SPDY 协议中的一个错误会导致浏览器停止在 News Feed 上加载和播放视频。工程师发现该问题是由于同时加载的视频过多而引发的,因此 Facebook 减少了同时加载的视频数量,并确保加载的视频在不再需要时立即删除。

目前,大多数浏览器都支持 HTML5 视频。但是,在许多较旧的浏览器上,HTML5 播放器的性能比 Flash 播放器差,而且用户加载时间更长。因此,Facebook 决定一开始只将 HTML5 播放器推广到少数浏览器,等性能提升和 bug 修复后,再逐步推广到更多浏览器版本和操作系统

使用 HTML5 视频技术不仅简化了开发过程视频播放器通用版Java,还增强了用户在 Facebook 上的视频体验。切换到 HTML5 后,视频播放速度更快,用户点赞、评论和分享更多,用户报错更少。Facebook 在推出 HTML5 播放器时面临的最后一个主要问题:加载时间更长。用户加载时间是衡量用户体验的一个重要因素,Daniel Paulich 表示通过修复一些小的性能问题和一些小的优化,最终达到了令人满意的水平。在 Facebook 做出改变后,用户似乎开始在视频上费更多时间。

随机文章