chromium是google chrome浏覽器所采用的核心，最開始由蘋果的webkit發展而出，由于webkit在發展上存在分歧，而google希望在開發上有更大的自由度，2013年google決定自己開發webcore的分支，叫做Blink引擎，而後google以BSD伯克利許可開源，BSD許可限制較為寬松，很多浏覽器都是基于chromium開發的，比如，此後省略100字。google在原有基礎上做了進一步的精簡優化，并開發出v8 javascript引擎，2010年google收購了webrtc技術随後開放了源代碼，webrtc采用vp編碼，相容html5标準，同年google推出了chrome os雲作業系統，浏覽器的衍生産品。
廢話不多說，檢索一下Chromium Embedded Framework，簡稱cef，你可以在cefbuilds上看到目前chromium最新放出的版本，也可以在google code上下載下傳到，裡面包括浏覽器的核心庫和底層api，支援c和c++的程式設計語言，另外也有第三方的包括.net/mono、java、python、delphi等開源項目。
我們從google code下載下傳win32的c++庫，打開release檔案夾。
這裡面作個介紹：
libcef.dll：cef核心庫。
icudt.dll：編碼格式庫。
ffmpegsumo.dll：視訊解碼器，包含vp8 vp9編碼庫。
d3dcompiler_43.dll、d3dcompiler_46.dll、libEGL.dll、libGLESv2.dll
這幾個是3d圖形的庫，d3dcompiler_43.dll适用于xp，d3dcompiler_46适用于xp以上版本。
include檔案夾裡面是cef c++的頭檔案，可以去github下載下傳.net調用的project，叫做cefsharp，提供了winform和wpf的完整demo。
CefSharp：封裝是C#調用api的入口和資料接受類。
CefSharp.BrowserSubprocess：是.net寫的一個伴随程序，主要負責處理javascript和背景線程。
CefSharp.BrowserSubprocess.Core：是一個c++的工程，需要引用到cef的c++頭檔案，主要是javascript相關操作。
CefSharp.Core：也是一個c++工程，包括cef的初始化配置、接受事件等。
CefSharp.Example：c#調用cef的初始化配置。
CefSharp.WinForm.Example：寫了一個自定義控件，作為cef浏覽器的視窗。
ChromimumWebBrowser.cs所有接口的實作可以放在這裡面，詳見cefsharp demo。
1 public class ChromiumWebBrowser : Control, IWebBrowserInternal, IWinFormsWebBrowser
2 {
3 ...
4 } 再加一個自定義控件BrowserUserControl。自定義一個構造函數。
1 public BrowserUserControl(string url)
2 {
3 InitializeComponent();
4
5 var browser = new ChromiumWebBrowser(url)
6 {
7 Dock = DockStyle.Fill
8 };
9 this.Controls.Add(browser);
10 } 建立一個Form1啟動視窗，添加建立的使用者控件。
1 public Form1()
2 {
3 InitializeComponent();
4
5 var browser = new BrowserUserControl(CefExample.DefaultUrl)
6 {
7 Dock = DockStyle.Fill,
8 };
9 browser.CreateControl();
10 this.Controls.Add(browser);
11 } 再來看一下Program.cs中的main方法入口，CefExample調用了一個Init初始化方法。
1 /// <summary>
2 /// The main entry point for the application.
3 /// </summary>
4 [STAThread]
5 static void Main()
6 {
7 CefExample.Init();
8
9 Application.EnableVisualStyles();
10 Application.SetCompatibleTextRenderingDefault(false);
11 Application.Run(new Form1());
12 } 在CefSharp.Example工程中，defaulturl就是預設首頁url位址。
1 public static class CefExample
2 {
3 public const string DefaultUrl = "http://www.google.com/";
4 private static readonly bool DebuggingSubProcess = Debugger.IsAttached;
5
6 public static void Init()
7 {
8 var settings = new CefSettings();
9 settings.RemoteDebuggingPort = 8088;
10 settings.CefCommandLineArgs.Add("enable-media-stream", "enable-media-stream");
11 settings.IgnoreCertificateErrors = true;
12 settings.LogSeverity = LogSeverity.Verbose;
13
14 if(DebuggingSubProcess)
15 {
16 //var architecture = Environment.Is64BitProcess ? "x64" : "x86";
17 //settings.BrowserSubprocessPath = "..\\..\\..\\..\\CefSharp.BrowserSubprocess\\bin\\" + architecture + "\\Debug\\CefSharp.BrowserSubprocess.exe";
18 }
19
20 settings.RegisterScheme(new CefCustomScheme
21 {
22 SchemeName = CefSharpSchemeHandlerFactory.SchemeName,
23 SchemeHandlerFactory = new CefSharpSchemeHandlerFactory()
24 });
25
26 if (!Cef.Initialize(settings))
27 {
28 if (Environment.GetCommandLineArgs().Contains("--type=renderer"))
29 {
30 Environment.Exit(0);
31 }
32 else
33 {
34 return;
35 }
36 }
37 }
38 } 我們放一個release版本，裡面大概有這些檔案。locales裡面放的本地化資源包，包括cef_100_percent/cef_200_percent，如果删掉，會出現諸如視窗滾動條外觀異常等，degug.log會記錄操作記錄。
運作一下打開一個網頁。
我們再寫一個html頁面。
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
7 <title></title>
8 </head>
9 <body>
10 <video autoplay></video>
11 <script>
12 'use strict';
13
14 var video = document.querySelector('video');
15 var constraints = {
16 audio: false,
17 video: true
18 };
19
20 navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||
21 navigator.mozGetUserMedia;
22
23 function successCallback(stream) {
24 window.stream = stream;
25 if (window.URL) {
26 video.src = window.URL.createObjectURL(stream);
27 } else {
28 video.src = stream;
29 }
30 }
31
32 function errorCallback(error) {
33 console.log('navigator.getUserMedia error: ', error);
34 }
35
36 navigator.getUserMedia(constraints, successCallback, errorCallback);
37 </script>
38 </body>
39 </html> 修改CefExample的defaulturl指向這個頁面。
有一點要注意，在CefCommandLineArgs添加了enable-media-stream參數，意思是開啟chrome的媒體流。看下效果。
這裡我們基于chromium核心使用到了html5 webrtc技術，頁面開啟了攝像頭。
這裡隻是粗略的列了個小demo，還有比如一些基本的滑鼠事件、頁面重定向等功能，除此之外chromium很有功能api值得學習和挖掘。