摘要： 示例说明：抓取MediaStream的一帧数据，并对该帧数据使用Css滤镜效果。步骤：1. 由getUserMedia方法获取一个可用的MediaStream2. canvas方法drawImage抓取MediaStream的一帧数据3. 根据用户点击操作，对canvas元素使用滤镜效果的css样式... 阅读全文

摘要： 下面是一个使用getUserMedia接口和Canvas的drawImage方法实现的截图功能（截取视频中的一帧）。基本思路是这样子的：getUserMedia获取一个MediaStream, streamstream作为video的输入源提供一个button按钮。当用户点击时，使用canvas的d... 阅读全文

摘要： WebRTC介绍WebRTC提供三类API：MediaStream，即getUserMediaRTCPeerConnectionRTCDataChannelgetUserMedia已经由Chrome, Opera和Firefox支持。RTCPeerConnection目前则由Chrome, Oper... 阅读全文

摘要： Startup Chrome是一个单一的可执行程序。它清楚如何运行其它进程。 下面是chrome启动的概述： 1. 首先，chrome有一个平台相关的入口点：在windows上是wWinMain()；linux上则是main()。入口点位于chrome/app/chrome_exe_main_*。在Mac和Windows平台上，这个方法会加载其它模块（参见后续描述）。在linux方法则做的事... 阅读全文

摘要： Displaying A Web Page In Chrome概念化的应用分层参见原文档：http://goo.gl/MsEJX每一个box代表一个抽象层。下层不依赖于上层。WebKit：渲染引擎。Safari，Chrome / Chromium均在使用。国内的则有百度浏览器，QQ浏览器，猎豹等。P... 阅读全文

摘要： chromium multi-process architecture本文档从high-level的角度描述Chromium的多进程架构。问题要构建一个决不崩溃或挂起的渲染引擎几乎是不可能的。同样的，要构建一个100%安全的渲染引擎也是不可能的。从某些角度来看，当今的web浏览器有点类似于过去的单用... 阅读全文

摘要： 原文：Multi-process Resource Loading背景浏览器主进程及browser process处理所有的网络通信。原因有三点：Browser process可以控制每一个renderer进程的网络访问Browser process可以在进程间管理session状态，保持其一致性B... 阅读全文

摘要： HashTable是一块线性的连续区域，如下图： ┍━━━━┯━━━━┯━━━━━┯━━━┯━━━┯━━━┯━━━┑ ┕━━━━┷━━━━┷━━━━━┷━━━┷━━━┷━━━┷━━━┙ 每一格（或块）内存被称为Bucket。TableSize即为Bucket总数。Bucket实际对应一个由用户指定的ValueType。 阅读全文

摘要： 首先呢，声明一下，QString 是不存在中文支持问题的，很多人遇到问题，并不是本身 QString 的问题，而是没有将自己希望的字符串正确赋给QString。 很简单的问题，"我是中文"这样写的时候，它是传统的 char 类型的窄字符串，我们需要的只不过是通过某种方式告诉QString 这四个汉字采用的那种编码。而问题一般都出在很多用户对自己当前的编码没太多概念， 阅读全文

摘要： WebKit将资源分为main resouce和sub resource，并提供了相应的cache机制，来提高用户体验。 main resource的cache为pagecache，主要缓存dom和render tree，用于提高history操作(back/forward)的速度。 sub resource的cache则由MemoryCache管理和维护。下面我简要分析下memorycache的主要数据结构。 阅读全文