Windows 10: Compiled Chromium Embedded Framework (CEF) Example Project

[@倪元法]

Please tell me, how can I create an application with a transparent background window using the cef framework in c++ language. I need to get the width and height position through the handle of another window, and then attach this window with a transparent background to the known window

[@alanmikhak]

I have not tried doing that but found something recent link in Google: magpcss.org/ceforum/viewtopic.php?t=14396

[@alanmikhak]

Thanks to the viewer who commented about targeting cef.sln to ARM. Links to bitbucket.org repos for source code are in description above. I generated cef.sln for CEF examples from cef-project repo using CMake. I followed repo instructions as shown starting in minute 7:27 of video.

[@stackyoverflocky5199]

Tell me please - what library does CEF use for SSL/TLS connections for Https? Or what library does CEF use for gzip, deflate compression of http Traffic? Do they need to be manually additionally connected somehow ? Or are these functions also all included in CEF by default and you don 't need to connect anything additionally ?

[@alanmikhak]

@stacky Overflocky, I have not built CEF itself from sources. I just built the example cef-project which downloaded prebuilt CEF binaries of libcef.dll to build and run with. I can only guess that CEF depends on Chromium for the components you asked about. For SSL, I guess OpenSSL or BoringSSL. opensource.google/projects/boringssl

[@GameskoTV]

Thanks for video! How to hide/remove title bar?

[@alanmikhak]

Thanks @GameskoTV for your feedback and question. I haven't tried this with CEF but maybe setting the window to full screen would hide the title bar. There is a window SetFullScreen() method which takes a bool as parameter. An example of SetFullScreen() is in the window unit tests folder: bitbucket.org/chromiumembedded/cef/src/master/tests/ceftests/views/window_unittest.cc There is also a window SetTitlebarHeight() method. Not sure but maybe it can hide the title bar by setting its height to zero. bitbucket.org/chromiumembedded/cef/src/master/tests/cefclient/browser/window_test.cc

[@SweetSQM]

Please can you do a video to show how to add Video and Audio support for mp4 and mp3 codecs?

[@alanmikhak]

Thanks for the suggestion. I'm not familiar with CEF audio or video support for mp4 or mp3 codecs. I'll keep it in mind in case I come across some sample code I can learn from.

[@alanmikhak]

I came across this old CEF Issue #371: code.google.com/archive/p/chromiumembedded/issues/371 Comment #7 in issue #371 says: "Codecs like MP3 and AAC are included in Google Chrome releases but not Chromium builds. This is because these formats are not open and require licensing. Distributing these codecs with your application without a licensing agreement may violate the law in certain countries. You should discuss with a lawyer if appropriate." Comment #8 in issue #371 says: "In order to use proprietary audio and video codecs in Chromium/CEF you need to: 1. Acquire ffmpeg libraries that support the proprietary codecs. 2. Add 'proprietary_codecs': 1 to your cef.gypi configuration so that USE_PROPRIETARY_CODECS will be defined as required by net/base/mime_util.cc."

[@alanmikhak]

I came across this page titled: "Turn on proprietary codecs in Chromium builds" groups.google.com/a/chromium.org/g/chromium-dev/c/9EqnUb2fDvg I came across this page titled: "when i build the chromium for android , it cannot play video and audio" groups.google.com/a/chromium.org/g/chromium-dev/c/WBSeL0E6-70

[@MikeNugget]

What is bundle size of CEF project? Is it more efficient than Electron or Rust Azul?

[@alanmikhak]

Thanks Mike for your questions. Size of folder where CEF pre-built binaries for Windows x64 were extracted into is 615 MB. Compressed tarball of CEF pre-built binaries for Windows x64 is 199 MB before extraction. CEF example project Release build of cefclient.exe sample app is 1.86 MB. Sizes are as reported by Windows 10 Explorer for cef_binary_87.1.12+g03f9336+chromium-87.0.4280.88_windows64.tar.bz and the resulting cefclient.exe. I have not tried Electron or Rust Azul. I have only looked into CEF because I read it was written in C++.

[@MikeNugget]

@@alanmikhak thank you for detailed answer. Seems CEF is much more efficient in build size. Would be very interesting to compare RAM consumption between these guys. Appreciating your videos!

[@alanmikhak]

I appreciate your feedback Mike. Windows 10 Task Manager reports cefclient.exe uses about 31.0 MB when sitting idle. After launching the "Accelerated 2D Canvas" test, its memory usage went up to about 40 MB. I have no way of comparing with the others but I hope this is useful. Also, there are a some .dll libraries in same folder as cefclient.exe. One is chrome_elf.dll at about 1 MB on disk. Another is libcef.dll at about 134 MB.

[@LyubomyrSemkiv]

@@alanmikhakso 134 + 1 + 1.86 was the answer.

[@noper8494]

Hi bro, I've a question, Can CEF using for automate tool instead of Selenium ? Thanks. Where I can find resource for learn it ?

[@alanmikhak]

Hi @Noper, Thanks for asking. CEF may be one more tool in the larger browser test automation toolbox. I wouldn't know if it can replace Selenium. I have no experience with Selenium. A quick Google search for "use cef for browser test automation" returned many links including this one. It is about using Selenium to test CEF-based applications: bitbucket.org/chromiumembedded/cef/wiki/UsingChromeDriver

[@noper8494]

@@alanmikhak thanks

[@ginicholas4322]

Hmmm, are you one those guys that are hogging the PS5s????? lol

[@FgroupIndonesia]

@noper, i suggest you implement both. because it works well... :D

[@ORagnar]

The audio is very low. I have my volume cranked to the max. 5/27/22, 1:16 p.m.

[@alanmikhak]

Thanks for your feedback. I noticed after the upload but it was too late to fix it.

[@MTHALO.]

Question : can CEF install chrome extensions?

[@alanmikhak]

Great question. CEF supports some Chrome Extensions APIs. Loading chrome://extensions-support in the browser shows a list of supported APIs. Extensions that require unsupported APIs cannot be loaded. Reference: CEF issue #1947, titled 'Add support for chrome extensions', marked as WONTFIX. bitbucket.org/chromiumembedded/cef/issues/1947/add-support-for-chrome-extensions Reference: Feature Request - Add Chrome Extension Support #2497, marked as Closed. github.com/cefsharp/CefSharp/issues/2497

[@ShivamMishra-ol1pg]

audio needs be a bit louder

[@alanmikhak]

Thanks for your feedback @ShivamMishra-ol1pg.

[@toby9999]

Very nice video, but I have to add that it's unfortunate that so many 'open source' type projects require CMake. I say that because CMake is a piece of crap. It's a really bad migraine generating piece of junk. Hands up anyone who was able to successfully use CMake without tearing their hair out fixing cryptic errors? I've wasted days on it. I hate the hard coded paths CMake inserts all over the place. Windows projects should come with the relevant project and solution files and paths should be relative whenever possible.

[@alanmikhak]

Thanks @Toby for your feedback about the video. I prefer native project files. However, CMake is widely adopted probably because many find it useful for cross-platform projects. I come across CMake often. I use it when required.

[@GameskoTV]

@toby9999 You're absolutely right, I also couldn't generate many projects even though I dedicated the whole day to it. Some projects work, some don't. I think the issue lies with the people who can't write the correct CMake file.

[@thesatla5137]

Hey do you have telegram?

[@alanmikhak]

Hey @thesatla5137. Thanks for watching. I don't have telegram but I do my best to respond to video comments here.