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。

 public class ChromiumWebBrowser : Control, IWebBrowserInternal, IWinFormsWebBrowser

 {

     ...

 }

再加一个自定义控件BrowserUserControl。自定义一个构造函数。

 public BrowserUserControl(string url)

 {

     InitializeComponent();

     var browser = new ChromiumWebBrowser(url)

     {

         Dock = DockStyle.Fill

     };

     this.Controls.Add(browser);

 }

建立一个Form1启动窗口，添加创建的用户控件。

 public Form1()

 {

     InitializeComponent();

     var browser = new BrowserUserControl(CefExample.DefaultUrl)

     {

         Dock = DockStyle.Fill,

     };

     browser.CreateControl();

     this.Controls.Add(browser);

 }

再来看一下Program.cs中的main方法入口，CefExample调用了一个Init初始化方法。

 /// <summary>

 /// The main entry point for the application.

 /// </summary>

 [STAThread]

 static void Main()

 {

     CefExample.Init();

     Application.EnableVisualStyles();

     Application.SetCompatibleTextRenderingDefault(false);

     Application.Run(new Form1());

 }

在CefSharp.Example工程中，defaulturl就是默认首页url地址。

 public static class CefExample

 {

     public const string DefaultUrl = "http://www.google.com/";

     private static readonly bool DebuggingSubProcess = Debugger.IsAttached;

     public static void Init()

     {

         var settings = new CefSettings();

         settings.RemoteDebuggingPort = ;

         settings.CefCommandLineArgs.Add("enable-media-stream", "enable-media-stream");

         settings.IgnoreCertificateErrors = true;

         settings.LogSeverity = LogSeverity.Verbose;

         if(DebuggingSubProcess)

         {

             //var architecture = Environment.Is64BitProcess ? "x64" : "x86";

             //settings.BrowserSubprocessPath = "..\\..\\..\\..\\CefSharp.BrowserSubprocess\\bin\\" + architecture + "\\Debug\\CefSharp.BrowserSubprocess.exe";

         }

         settings.RegisterScheme(new CefCustomScheme

         {

             SchemeName = CefSharpSchemeHandlerFactory.SchemeName,

             SchemeHandlerFactory = new CefSharpSchemeHandlerFactory()

         });

         if (!Cef.Initialize(settings))

         {

             if (Environment.GetCommandLineArgs().Contains("--type=renderer"))

             {

                 Environment.Exit();

             }

             else

             {

                 return;

             }

         }

     }

 }

我们放一个release版本，里面大概有这些文件。locales里面放的本地化资源包，包括cef_100_percent/cef_200_percent，如果删掉，会出现诸如窗口滚动条外观异常等，degug.log会记录操作记录。

运行一下打开一个网页。

我们再写一个html页面。

 <!DOCTYPE html>

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

     <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">

     <title></title>

 </head>

 <body>

     <video autoplay></video>

     <script>

         'use strict';

         var video = document.querySelector('video');

         var constraints = {

             audio: false,

             video: true

         };

         navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||

           navigator.mozGetUserMedia;

         function successCallback(stream) {

             window.stream = stream;

             if (window.URL) {

                 video.src = window.URL.createObjectURL(stream);

             } else {

                 video.src = stream;

             }

         }

         function errorCallback(error) {

             console.log('navigator.getUserMedia error: ', error);

         }

         navigator.getUserMedia(constraints, successCallback, errorCallback);

     </script>

 </body>

 </html>

修改CefExample的defaulturl指向这个页面。

有一点要注意，在CefCommandLineArgs添加了enable-media-stream参数，意思是开启chrome的媒体流。看下效果。

这里我们基于chromium内核使用到了html5 webrtc技术，页面开启了摄像头。

这里只是粗略的列了个小demo，还有比如一些基本的鼠标事件、页面重定向等功能，除此之外chromium很有功能api值得学习和挖掘。

构建基于Chromium的应用程序的更多相关文章

  1. 构建基于Chromium的应用程序（Winform程序加载Html页面）

    chromium是google chrome浏览器所采用的内核,最开始由苹果的webkit发展而出,由于webkit在发展上存在分歧,而google希望在开发上有更大的自由度,2013年google决 ...

  2. 构建基于React18的电子表格程序

    背景 2022年3月29日,React正式发布18.0.0.本次升级内容包括开箱即用的改进,如自动批处理.新的API(如startTransition)和支持Suspense 的流式服务器端渲染.关于 ...

  3. [WCF安全3]使用wsHttpBinding构建基于SSL与UserName授权的WCF应用程序

    上一篇文章中介绍了如何使用wsHttpBinding构建UserName授权的WCF应用程序,本文将为您介绍如何使用wsHttpBinding构建基于SSL的UserName安全授权的WCF应用程序. ...

  4. 基于DevExpress的Winform程序安装包的制作

    在我们做系统开发的时候,都会面临一个安装包制作的问题,如何把我们做好的系统,通过安装包工具整合成一个安装包给客户进行安装.安装包的优势就是一步步安装就可以了,不用复制一大堆文件给客户,还怕缺少那个文件 ...

  5. 面向 Java 开发人员的 Ajax: 构建动态的 Java 应用程序

    面向 Java 开发人员的 Ajax: 构建动态的 Java 应用程序 Ajax 为更好的 Web 应用程序铺平了道路 在 Web 应用程序开发中,页面重载循环是最大的一个使用障碍,对于 Java™ ...

  6. 通过Web Api 和 Angular.js 构建单页面的web 程序

    通过Web Api 和 Angular.js 构建单页面的web 程序 在传统的web 应用程序中,浏览器端通过向服务器端发送请求,然后服务器端根据这个请求发送HTML到浏览器,这个响应将会影响整个的 ...

  7. ASP.NET Web Api构建基于REST风格的服务实战系列教程

    使用ASP.NET Web Api构建基于REST风格的服务实战系列教程[十]——使用CacheCow和ETag缓存资源 系列导航地址http://www.cnblogs.com/fzrain/p/3 ...

  8. ASP.NET WEB API构建基于REST风格

    使用ASP.NET WEB API构建基于REST风格的服务实战系列教程[开篇] 最近发现web api很火,园内也有各种大神已经在研究,本人在asp.net官网上看到一个系列教程,原文地址:http ...

  9. 使用PowerApps快速构建基于主题的轻业务应用 —— 进阶篇

    作者:陈希章 发表于 2017年12月14日 在上一篇 使用PowerApps快速构建基于主题的轻业务应用 -- 入门篇 中,我用了三个实际的例子演示了如何快速开始使用PowerApps构建轻业务应用 ...

随机推荐

  1. 城管停车执法打印APP 移动云POS 现场打印告知单-执法平台+智能POS客户端系统

    市城管局城管支队工作人员使用最新配备的城管执法手持终端对便道违法停放车辆进行拍照取证. 城管执法手持终端具备拍照.现场打印.无线传输等功能,执法人员只要在该终端登录,即可随时实现对违停车辆的拍照取证. ...

  2. asp.net(C#)读取文件夹和子文件夹下所有文件，绑定到GRIDVIEW并排序 .

    Asp部分: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyFiles ...

  3. 使用echarts开发电子屏数据展示页面

    背景 之前的项目因为要顾及体量问题,选用了highchart,没用上echarts:这次因为是本地部署电子屏幕的展示页,不需要考虑体量大小,直接用上了echarts:用起来觉得非常不错,特别是地图上非 ...

  4. QuartZ Cron表达式

     Cron Expressions cron的表达式是字符串,实际上是由七子表达式,描述个别细节的时间表.        Seconds        Minutes        Hours     ...

  5. Python读取文件内容并将内容插入到SSDB中

    import os import linecache import time from SSDB import SSDB ssdb = SSDB('127.0.0.1', 8888) print(&q ...

  6. 20161022 NOIP模拟赛 T1 解题报告

    旅行者问题 [问题描述] lahub是一个旅行者的粉丝,他想成为一个真正的旅行者,所以他计划开始一段旅行.lahub想去参观n个目的地(都在一条直道上).lahub在起点开始他的旅行.第i个目的地和起 ...

  7. 我的前端故事----Ajax方式和jsonp的实现区别

    很久没有更新博客了,毕业2个月了,这段时间一直在忙于工作,一直没有时间更新,最近做的活动突然发现之前的经验居然忘记了...索性想想还是重新开始用博客记录平日里的工作经验吧,吐槽就到这里了,这篇记录的是 ...

  8. 学用了QT觉得QT较怪异

    如果让我选择不会用qt 还是用界面开源库,boost.

  9. Poco::JSON::Array 中object 设置preserveInsertionOrder 时,stringify出错-->深入解析

    在使用poco version 1.6.0时 Poco::JSON::Array 在object  设置preserveInsertionOrder =true 时 调用 array.stringif ...

  10. js返回顶部效果

    当用户浏览的网页过于长的时候,用户在浏览到网页底部想要在返回顶部需要滚动好几次滚轮才能返回顶部,不仅麻烦,而且用户体验也会很差.现在的大多是页面都会在页面顶部或者是页面的可见区域的某一位置固定一个按钮 ...