macOS 或者 Windows 上用什么方法可以让一个网站像这个视频里这样显示在一个无边框的窗口里?

2024-12-16 12:24:56 +08:00
 Livid
https://x.com/Duduagency/status/1868072597688365489



视频里展示的网站:

https://www.webinteractions.gallery/
7960 次点击
所在节点    浏览器
47 条回复
1145148964
2024-12-16 14:21:52 +08:00
powertoy 好像有个窗口剪裁
sleepm
2024-12-16 14:27:26 +08:00
https://github.com/Codeusa/Borderless-Gaming
除了好看没啥了
没了边框,不能双击放大,快捷键放大
wow0o
2024-12-16 14:29:40 +08:00
@ThinkMan #2 arc 起新服了。 不玩了
mgrddsj
2024-12-16 14:31:30 +08:00
如果你有 Firefox 的话,试试下面这个 Reddit 帖子里的方法:
https://www.reddit.com/r/FirefoxCSS/comments/lhoh0b/is_there_a_way_to_hideshow_all_ui_elements_and/

实测效果:
evan9527
2024-12-16 14:33:48 +08:00
flotato
hguandl
2024-12-16 14:37:45 +08:00
#20 移动问题也解决了,在上面加了个透明层。

Demo: <amp-youtube data-videoid="7SzGZoLq6yo" layout="responsive" width="480" height="270"></amp-youtube>
mgrddsj
2024-12-16 14:40:00 +08:00
如果你偏好 Chromium 系的浏览器,那么 Vivaldi 也可以做到,只需要开启 Vivaldi 的允许修改 CSS 开关,并添加以下帖子里的 CSS ,再 "Hide UI" (Ctrl/Command + F10),即可做到下图效果。
(某个版本的 Vivaldi 转向使用原生红绿灯按钮,使其无法被隐藏,Windows 上应该没有这个问题)
https://www.reddit.com/r/vivaldibrowser/comments/nbgjtq/how_to_remove_the_title_bar/

timjuly
2024-12-16 14:44:35 +08:00
效果最好的应该就是浏览器直接全屏,然后录制完了再剪辑,加个背景
xxmym
2024-12-16 14:51:53 +08:00
safari 可以做到丐版效果
jwwweiii
2024-12-16 14:54:47 +08:00
最近我也遇到了个问题,画中画播放怎么样能显示进度条
cat
2024-12-16 14:57:39 +08:00
标题中大大的“无边框”三个字,为啥楼上贴了那么多有边框的图……
lingyired
2024-12-16 15:00:44 +08:00
我偶尔有类似的需求,就是希望 B 站的视频小窗口的时候同时显示弹幕
FringJX
2024-12-16 15:02:23 +08:00
Arc 浏览器亲测可以达到 99%,把侧边栏隐藏就行了,只不过有个内边距
czwen1993
2024-12-16 15:43:06 +08:00
有没有可能,这是一个视频剪辑的。视频上面有鼠标光标
nicoljiang
2024-12-16 16:55:20 +08:00
这是 https://screen.studio/录的视频效果
LAMBO
2024-12-16 17:10:24 +08:00
[上传图片中...] mac app:focusee
jspatrick
2024-12-16 17:21:19 +08:00
electron 套个壳,做个首页输入地址,任何网页都能无边框
jhdxr
2024-12-16 17:22:38 +08:00
xuanbg
2024-12-16 19:09:55 +08:00
vm?
Leon6868
2024-12-16 19:37:44 +08:00
这应该只是视频效果吧,不过如果 Livid 想在实际应用中做出这个效果,应该尝试 Document Picture in Picture API 。Bilibili 已经在他们的”稍后播放“功能中应用了,效果类似 #18 去掉地址栏。

Demo: https://mdn.github.io/dom-examples/document-picture-in-picture/

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1097840

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX