Netflix

原文地址: https://medium.com/netflix-techblog/modernizing-the-web-playback-ui-1ad2f184a5a0 这一篇是奈飞前端工程师分享 Web团队在构建新的播放器时候遇到的困惑和解决思路，我们在设计播放器的时候，可能需要考虑到诸多方面，UI 扩展，测试，底层设计，面向多业务多团队等。希望这篇文章可以帮助到你。 从2013年开始，Netflix 的团队一直将重心放到开发视频播放的新特性，而始终未关注播放的视觉UI的改进。 而在过去两年，Web UI 团队制定了一个非常长远的计划，给我们的会员提供更加出色的播放体验。 播放由下面三个维度构成: 播放前(Pre Play，前贴) 主要是视频播放前给用户呈现的内容 视频播放中(Video Playback， 中场) 当用户正在观看视频，用户进行视频播放、暂停控制，调节音量等 播后结束(Post Play， 后贴)当用户观看的视频结束的时候，出现下一集或者推荐内容等 在经过复杂的 AB 测试， 以及随后的总结，我们完成了我们播放器的 UI，下面是我们的分享这一路的心得体会。 成功没那么容易 从2016开始，我们优先是使用 React 详情 »