热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

安卓悬浮框按钮源码_软网推荐:悬浮画中画——边看电影边工作

为了放松自己的心情,很多朋友喜欢在桌面上边看电影边工作,只是网页中的视频无法独立显示,而系统默认的播放软件又不能置顶,导致看

为了放松自己的心情,很多朋友喜欢在桌面上边看电影边工作,只是网页中的视频无法独立显示,而系统默认的播放软件又不能置顶,导致看视频很不方便。本文给大家介绍多种工具,让播放的视频“悬浮”起来,就可以实现工作娱乐两不误了。

浏览器悬浮播视频

现在很多视频是通过浏览器在线播放的,对于这类用户,借助浏览器的一些插件就可以轻松实现悬浮播放。

QQ浏览器的用户,如果想边工作边看爱奇艺视频(这里只是以爱奇艺为例,对于优酷、腾讯、B站等的设置一样),只要在浏览器中打开需要播放的视频,然后将光标移动到它的右上角,等浮现“窗口弹出”按钮时(图1),按提示点击,即可将当前视频转变为悬浮在桌面的播放窗口了。接下来按自己的需要移动窗口到合适位置,点击其上的固定按钮,就可以一边在Word中撰写文档(或做其他工作)一边欣赏视频了(图2)。

237494d301861151fcb47aa8b2413437.png

图1 调用“窗口弹出”按钮

a5c73679dc1aa3c5881561c8d4c46260.png

图2 QQ浏览器的悬浮播放设置

Firefox浏览器的用户可以借助Popup Tool插件实现上述效果。首先在Firefox浏览器中打开addons.mozilla.org/zh-CN/firefox/addon/popup-tool/,点击“添加到Firefox浏览器”,按提示安装该插件。然后在浏览器中播放视频的时候,我们只要点击视频播放窗口右上角的“网页全屏”,此时播放窗口将自动变为悬浮播放窗口,将其移动到合适的位置播放即可(图3)。

7a9e53a7560a170dd8de2f4d6e02e866.png

图3 Firefox浏览器的悬浮播放窗口

Chrome浏览器用户则可以到谷歌插件商店下载“悬浮画中画播放器”扩展,安装后通过浏览器播放视频的时候,在播放窗口上点击扩展栏上的按钮,然后再点击“使用悬浮播放器”即可(图4)。

c32d21d085a0d144c15b90826bed3bbd.png

图4 在谷歌浏览器使用悬浮插件

IE的用户,目前并没有相应的插件可以实现(Edge及其他无相关插件的浏览器皆可)。这类用户需要借助第三方软件实现,首先到网上下载安装Windows On Top,启动后再打开IE,然后将Windows On Top窗口的手型按钮移动到IE窗口上,使得IE窗口可以始终置顶(图5)。

69585194a0bae98bbe9ab284c6ed3955.png

图5 设置IE置顶

现在用IE播放在线视频,由于播放窗口始终置顶,我们就可以像上述浏览器一样将IE播放窗口拖到任意位置悬浮播放,为了方便在小窗口中浏览全部视频画面,还可以在IE中将鼠标焦点移动到其他位置,这样在IE窗口的右下角会出现悬浮播放窗口,将其拖动到适中位置并调整合适的缩放比例即可。当然使用同样方法可以将任意程序,如Windows Media Play、资源管理器等悬浮显示(图6)。

143955ec59a9e1962983c02b68f0ea68.png

图6 模拟悬浮播放

手机播放也玩悬浮

上面我们主要介绍电脑上的操作,随着手机的普及,我们也可以在手机上实现类似漂浮效果。比如安卓用户,如果要实现类似视频播放悬浮,可以使用手机QQ浏览器实现。在手机上启动QQ浏览器后打开视频播放网址,此时点击视频播放窗口右上角的悬浮按钮,然后按提示点击“去设置”,设置浏览器可以在上层显示(图7)。

08b43100162567e76eee386cc98c8322.png

图7悬浮按钮设置

在打开的页面中按提示开启“在其他应用上层显示”,这样悬浮窗口就可以在任意应用(包括桌面)上层显示了。返回QQ浏览器播放窗口,再次点击悬浮按钮,此时就可以将播放窗口移到任意应用的上面进行播放,这样无论你是刷微信还是打电话,都不会影响你观看视频(图8)。

4e56382f063d2af1247b310c56625842.png

图8 漂浮视频播放窗口

如果你经常在手机上播放本地视频用户,那么还可以使用MoboPlayer播放器实现悬浮播放。在手机上启动MoboPlayer播放器(一款万能播放器,可以播放大多数常见格式的视频)后播放视频,接着点击播放界面的菜单按钮,在弹出的界面点击“悬浮窗”,同上设置允许上层显示。

cae5736989a0c68d59129ae17e17ff3f.png

图9 播放设置界面

这样播放的视频窗口就可以悬浮在桌面的任意位置,将其拖到自己喜欢的位置播放视频即可(图10)。

0fa325f8173d28d266dfe990910d0cad.png

图10 MoboPlayer悬浮播放视频



推荐阅读
  • Vue 开发与调试工具指南
    本文介绍了如何使用 Vue 调试工具,包括克隆仓库、安装依赖包、构建项目以及在 Chrome 浏览器中加载扩展的详细步骤。 ... [详细]
  • 本文探讨了如何利用HTML5和JavaScript在浏览器中进行本地文件的读取和写入操作,并介绍了获取本地文件路径的方法。HTML5提供了一系列API,使得这些操作变得更加简便和安全。 ... [详细]
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 本文详细介绍如何使用Python进行配置文件的读写操作,涵盖常见的配置文件格式(如INI、JSON、TOML和YAML),并提供具体的代码示例。 ... [详细]
  • 数据管理权威指南:《DAMA-DMBOK2 数据管理知识体系》
    本书提供了全面的数据管理职能、术语和最佳实践方法的标准行业解释,构建了数据管理的总体框架,为数据管理的发展奠定了坚实的理论基础。适合各类数据管理专业人士和相关领域的从业人员。 ... [详细]
  • DNN Community 和 Professional 版本的主要差异
    本文详细解析了 DotNetNuke (DNN) 的两种主要版本:Community 和 Professional。通过对比两者的功能和附加组件,帮助用户选择最适合其需求的版本。 ... [详细]
  • 尽管某些细分市场如WAN优化表现不佳,但全球运营商路由器和交换机市场持续增长。根据最新研究,该市场预计在2023年达到202亿美元的规模。 ... [详细]
  • 从 .NET 转 Java 的自学之路:IO 流基础篇
    本文详细介绍了 Java 中的 IO 流,包括字节流和字符流的基本概念及其操作方式。探讨了如何处理不同类型的文件数据,并结合编码机制确保字符数据的正确读写。同时,文中还涵盖了装饰设计模式的应用,以及多种常见的 IO 操作实例。 ... [详细]
  • 在跨浏览器开发中,一个常见的问题是关于如何在鼠标悬停时显示图片提示信息。本文深入探讨了 IE 浏览器对 IMG 元素 alt 属性的特殊处理,并提供了最佳实践建议。 ... [详细]
  • 如何清除Chrome浏览器地址栏的特定历史记录
    在使用Chrome浏览器时,你可能会发现地址栏保存了大量浏览记录。有时你可能希望删除某些特定的历史记录而不影响其他数据。本文将详细介绍如何单独删除地址栏中的特定记录以及批量清除所有历史记录的方法。 ... [详细]
  • 利用Selenium与ChromeDriver实现豆瓣网页全屏截图
    本文介绍了一种使用Selenium和ChromeDriver结合Python代码,轻松实现对豆瓣网站进行完整页面截图的方法。该方法不仅简单易行,而且解决了新版Selenium不再支持PhantomJS的问题。 ... [详细]
  • Python自动化测试入门:Selenium环境搭建
    本文详细介绍如何在Python环境中安装和配置Selenium,包括开发工具PyCharm的安装、Python环境的设置以及Selenium包的安装方法。此外,还提供了编写和运行第一个自动化测试脚本的步骤。 ... [详细]
  • 本文详细比较了CSS选择器和XPath在Selenium中通过页面结构定位元素的优劣,并提供了具体的代码示例,帮助读者理解两者在不同场景下的适用性。 ... [详细]
  • 2015款Chromebook Pixel评测:高端Chrome OS笔记本体验
    在笔记本电脑领域,Chromebook Pixel凭借其精致的铝合金外壳、细腻的显示屏和舒适的键盘,成为了外观设计的佼佼者。然而,尽管外观出众,它是否值得购买仍需考量。 ... [详细]
author-avatar
c23235857
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有