有时你会想让PPAPI插件全屏(比方播放视频时),这次来看看怎么做。

PPAPI和CEF App两側都要处理。

foruok原创,转载请注明出处。欢迎关注foruok的订阅号“程序视界”(programmer_sight)。

PPAPI插件中的处理

要支持全屏切换。PPAPI插件这側,有两处须要处理:

  • 使用PPB_Fullscreen。调用SetFullscreen方法
  • 在PPP_Instance的DidChangeView方法中重建Graphics 2D或Graphics 3D

PPB_Fullscreen接口

在PPP_InitializeModule方法里增加以下代码:

ppb_fullscreen = (const PPB_Fullscreen*)get_browser_interface(PPB_FULLSCREEN_INTERFACE);

获取到PPB_Fullscreen接口后,能够在合适的地方写下相似以下的代码来完毕全屏切换:

...
// fs defined somewhere
ppb_fullscreen->SetFullscreen(pp_inst, fs == PP_TRUE ? PP_FALSE : PP_TRUE);
...

须要注意的是。SetFullscreen是异步的。当你调用SetFullscreen(pp_inst, PP_TRUE)之后,并不会立即进入进入全屏状态,此时你调用PPB_Fullscreen的GetScreenSize方法,获取到的可能是一个中间状态。所以,在接下来的DidChangeView方法中,须要应对这样的中间状态。

DidChangeView重建图形上下文

DidChangeView中,须要先释放之前创建image data,释放Graphics 2D。相似以下的代码:

PP_Resouce image; //somewhere
ppb_image_data->Unmap(image);
ppb_core->Release(image);
ppb_instance->BindGraphics(pp_inst, NULL);
ppb_core->Release(graphics);

然后再又一次创建一遍。详细能够參考PPAPI插件与浏览器的交互过程及其他文章。

CEF APP側响应全屏操作

当我们在PPAPI中调用PPB_Fullscreen的SetFullscreen方法时。事实上会发生好几件事儿。基本的有两件:

  1. CEF APP的browser进程处理全屏切换
  2. 全屏完毕后,PPAPI側收到DidChangeView消息

如今就来看browser进程的处理。

CefDisplayHandler类有一个与全屏相关的方法须要重写:

virtual void OnFullscreenModeChange(CefRefPtr<CefBrowser> browser,
bool fullscreen)

在这种方法里,你能够让窗体全屏或恢复。

有一点须要注意。有的浏览器实现,收到全屏模式变化消息时。(Windows上)会相似以下这样处理:

ShowWindow(browser->GetHost()->GetWindowHandle(), fullscreen ? SW_MAXIMIZE : SW_RESTORE);

这样的处理。全屏相应窗体最大化,非全屏就回到最大化前的状态。可能导致一定的问题,比方PPAPI觉得是全屏。获取的screen size是整个屏幕的尺寸。而浏览器窗体实际上仅仅占领了任务栏之外的地方。这样的话。PPAPI插件就会被切边,显示不完整。

chromium的源代码里,pepper_plugin_instance_impl.cc中。就针对这样的情况。特别处理了flash插件。当检測到当前PPAPI插件时flash时,hook了一下,GetScreenSize返回实际窗体区域大小。

这样flash插件就工作正常了。但我们写的则不会哈。

所以,假设你真想全屏。能够參考以下的代码:

void ClientHandler::OnFullscreenModeChange(CefRefPtr<CefBrowser> browser, bool fullscreen)
{
HWND hwndBrowser = browser->GetHost()->GetWindowHandle();
if (fullscreen)
{
RECT rc;
GetWindowRect(hwndBrowser, &rc);
m_browserRects[hwndBrowser] = rc; HWND hwndDesktop = GetDesktopWindow();
RECT rcDesktop;
GetWindowRect(hwndDesktop, &rcDesktop); SetWindowLongPtr(hwndBrowser, GWL_STYLE, WS_VISIBLE);
SetWindowPos(hwndBrowser, HWND_TOPMOST, 0, 0, rcDesktop.right, rcDesktop.bottom, SWP_SHOWWINDOW);
}
else
{
RECT rc = m_browserRects[hwndBrowser];
SetWindowLongPtr(hwndBrowser, GWL_STYLE, WS_OVERLAPPEDWINDOW | WS_CLIPCHILDREN | WS_CLIPSIBLINGS | WS_VISIBLE);
SetWindowPos(hwndBrowser, HWND_NOTOPMOST, rc.left, rc.top, rc.right - rc.left, rc.bottom - rc.top, SWP_SHOWWINDOW);
}
}

上面的代码。每次切换到全屏模式前,先保存窗体位置。

从全屏退出时,再恢复。


就这样吧。

其他參考文章详见我的专栏:【CEF与PPAPI开发】。

PPAPI插件的全屏切换处理的更多相关文章

  1. 基于Ascensor.js全屏切换页面插件

    今天给大家分享一款基于Ascensor.js全屏切换页面插件,这款实例 适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览 ...

  2. jQuery插件开发——全屏切换插件

    这个插件包含三个部分:HTML结构.CSS代码和JS代码. HTML结构是固定的,结构如下: <!--全屏滚动--> <div class="fullpage-contai ...

  3. 原生JS实现全屏切换以及导航栏滑动隐藏及显示——重构前

    思路分析: 向后滚动鼠标滚轮,页面向下全屏切换:向前滚动滚轮,页面向上全屏切换.切换过程为动画效果. 第一屏时,导航栏固定在页面顶部,切换到第二屏时,导航条向左滑动隐藏.切换回第一屏时,导航栏向右滑动 ...

  4. jQuery鼠标滚动垂直全屏切换代码

    体验效果:http://hovertree.com/texiao/jquery/68/ 源码下载:http://hovertree.com/h/bjaf/f643upc4.htm 代码如下: < ...

  5. HTML5实现网页的全屏切换

    使用HTML5提供的JavaScript Api可以实现主流浏览器的全屏和退出全屏操作,封装成进入全屏和退出全屏的函数如下: //进入全屏 function enterFullScreen() { v ...

  6. VirtualBox全屏切换

    用VirtualBox的时候,如果设置为全屏,想再切换回来,没有什么菜单,只有通过键盘的快捷键来操作,才可以恢复. 我常常忘掉,所以老是得去找,以后需要记住这几个按键的快捷键. 1.全屏与非全屏切换: ...

  7. jquery简单的大背景banner图片全屏切换

    详细内容请点击 这个是我初毕业刚进公司那会帮同事(同时也是同学)写的一个PC端的全屏图片切换效果,对于刚毕业的我来说写出来那会的喜悦之情是无法言表的,那时的我还是什么不懂的小白白,俗称菜鸟.个人网站上 ...

  8. jquery横向纵向鼠标滚轮全屏切换

    html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF- ...

  9. js实现网页全屏切换(平滑过渡),鼠标滚动切换

    实现效果为页面平滑过渡全屏切换,点击导航和鼠标滚动都可以切换. 效果图: html代码: <!DOCTYPE html> <html> <head lang=" ...

随机推荐

  1. Patch 21352635 - Database Patch Set Update 11.2.0.4.8

    一.CPU和PSU 近日,将数据库从9.2.0.6升级到11.2.0.4后,发现11.2.0.4通过DBLINK访问其他的9i库时发生ORA-02072错误,通过Google找到解决方案,即升级到PS ...

  2. 347 Top K Frequent Elements 前K个高频元素

    给定一个非空的整数数组,返回其中出现频率前 k 高的元素.例如,给定数组 [1,1,1,2,2,3] , 和 k = 2,返回 [1,2].注意:    你可以假设给定的 k 总是合理的,1 ≤ k ...

  3. 【转】Linux命令学习手册-split命令

    转自:http://blog.chinaunix.net/uid-9525959-id-3054325.html split [OPTION] [INPUT [PREFIX]] [功能]将文件分割成多 ...

  4. VS开发C语言系列(零)-VS2013写C语言错误汇总

    错误代码 error C3861:调用函数前未引用 error C4996:调用不安全的函数 error C2668:重载函数不明确 error C3861:"文件名" 找不到标识 ...

  5. Android 8.0 启动后台service 出错 IllegalStateException: Not allowed to start service Intent

    错误原因: Android 8.0 不再允许后台service直接通过startService方式去启动, 具体行为变更如下: 如果针对 Android 8.0 的应用尝试在不允许其创建后台服务的情况 ...

  6. Raspberry Pi开发之旅-光照强度检测(BH1750)

    一.前期准备 1.环境要求 GY30模块(BH1750FVI传感器),树莓派系统,python-smbus,iic开启 2.取消对IIC驱动的黑名单 nano /etc/modprobe.d/rasp ...

  7. 服务器端 CentOS 下配置 JDK 和 Tonmcat 踩坑合集

    一.配置 JDK 时,在 /etc/profile 文件下配置环境变量,添加   #java environment export JAVA_HOME=/usr/java/jdk- export CL ...

  8. Springboot启动工程后,浏览器出现输入用户名和密码

    在使用spring boot的时候发现启动项目时,浏览器需要输入用户名和密码. baidu后发现是因为pom中引用了Spring Security,但是项目中没有使用,在pom中注释掉即可.

  9. 【转载】Linux下各文件夹的含义和用途

    原文地址:https://www.cnblogs.com/lanqingzhou/p/8037269.html Linux下各文件夹的含义和用途 Linux根目录”/“下各个系统文件夹的含义和用途 1 ...

  10. c# winform中使用WebKit实现网页与winform的交互

    1.工作 一年多了,一直没对自己在工作遇到的问题进行总结,每次遇到问题都要在网上找资料,导致完成项目之后,时间久了就会生疏.所以下定 决定总结自己在工作中遇到的各种问题. 进入正题:第一次写还请大神多 ...