☰

Greasy Fork 支持简体中文。

Auto Picture-in-Picture

Automatically enables picture-in-picture mode for YouTube and Bilibili with improved Edge and Brave support

作者
lIeW HoNg
今日安裝
0
安裝總數
44
評價
1 0 0
版本
1.2
建立日期
2024-11-10
更新日期
2025-01-18
尺寸
7.9 KB
授權條款
MIT
腳本執行於

☕支持作者

爱发电 Github

Github:

Auto-Picture-in-Picture

🌟 YouTube 和 Bilibili 自动画中画 (PiP) 用户脚本

目前仅支持 Chrome 和 Brave 浏览器，不适配 Edge , Firefox 内核可在实验功能开启： 子母画面：切换页面时自动开启

这个用户脚本借助 AI 制作，可在 YouTube 和 Bilibili 上自动启用画中画 (PiP) 模式。它能自动检测标签切换和视频播放状态，为您带来流畅的视频观看体验。脚本开发耗时较长，但在 Arc 浏览器上达到了理想效果，后续维护可能会不定期更新。

🎉 享受最顺滑的 PiP 体验吧！

GIF 2024-11-11 5-04-15

🌟 功能亮点

1. 自动触发画中画 (PiP) 模式

  • 🔄 视频播放时自动进入 PiP 模式，让您在浏览其他页面时也能浮动观看。
  • ⚡ 如果标签切换后视频继续播放，PiP 会等待用户交互后再自动触发。

2. 防止暂停时误触发 PiP

  • ❌ 点击暂停按钮时不会触发 PiP，避免误入 PiP 模式。

3. 标签切换处理

  • 🔄 返回播放视频的标签时，PiP 会保持待机，需用户点击视频后才会激活。

4. 视频点击触发

  • 🎬 当用户点击视频且视频在播放时，脚本会自动进入 PiP 模式。

5. 支持媒体会话 API（Chrome 120 以上）

  • 📱 利用 navigator.mediaSession API 设置“进入 PiP”操作，允许通过媒体会话控制 PiP。

6. 绕过用户交互限制

  • ✅ 不同于一些受限于浏览器安全性的脚本，此脚本不需要用户交互即可激活 PiP 模式。

⚡ 安装与设置

1. 打开 Chrome 设置

  • 点击 Chrome 浏览器右上角的“三个点”图标，选择“设置”。

2. 进入网站设置

  • 在左侧菜单中选择“隐私和安全”，然后点击“网站设置”。

3. 设置自动进入画中画权限

  • 在“权限”中找到“其他权限设置”。
  • 找到“自动进入画中画模式”并设置为“网站可以自动进入画中画模式”。

4. 启用开发者模式

5. Chrome 实验性功能

访问 chrome://flags，启用以下功能：

  • Auto picture in picture video heuristics
  • Auto picture in picture for video playback

Snipaste_2024-11-11_05-07-37

image