首先介绍下Video Roll，这款浏览器插件能够帮助你旋转、缩放、调整比例和镜像翻转任意网页中的HTML5视频。目前已经有超过1000+用户在使用，完全开源，零差评。

大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与加速等等。

首先说明，我不会C++，所以并不能以自己构建过浏览器并研究里面的每一部分这种实践的方式来解释浏览器中的线程工作原理，我只能通过我已经了解过的，比较权威的文档来告诉大家。我贴出的所有文档都出自于Chromium官方文档中的链接。

Video Roll Chrome Web Store / Github主要特性采用最新 extension V3 标准开发可旋转任何网页中的 HTML5 视频针对播放器使用 Web components 或 Shadow dom 的网站做了特别优化（P 站、B 站）旋转视频时，会自动根据视频容器和视频原始大小尺寸进行自适应轻量级插件，小于 100kb重视安全性，插件不会收集任何用户信息，...

在这个系列中，我们将会从高层架构的角度深入到Chrome浏览器渲染流程的具体细节。如果你想知道浏览器是如何将你的代码变成一个可用的网站，亦或者你不清楚为何会建议你使用特定的技术来提高网站的性能，那么本系列适合你。