An extension that allows you to use Picture-in-Picture mode on any element of any website.

Latest Version

Version
1.0.1
Update
August 6, 2024
Size
502KiB
Developer
boryssey.com
Category
Users
501
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
ActiveTab
Scripting
ContextMenus
See more

Picture-in-Picture Anything - Place Any Element on Top of your screen Extension

This extension allows you to place any web page element into an Always-on-Top window, similar to video Picture-in-Picture mode, but now for any element.

It utilizes a new Document Picture-in-Picture API (https://developer.chrome.com/docs/web-platform/document-picture-in-picture) and works natively in Chrome, Edge, and Opera browsers for desktop. Whether you want to have a video with proper controls and subtitles on top of your screen or an article that you are taking inspiration from before your eyes, this extension will help you.

Please note, however, that some pages will not behave correctly when their elements are in PiP mode.

How to use:

Press a keyboard shortcut (Ctrl-Shift-P)
or
Click on the extension icon in the toolbar
or
Right-click on the page and select \"Picture-in-Picture Anything\" to open the Element Selection Overlay

Select an element by clicking the left mouse button on it.

Holding a Shift button when selecting an element will open a Precise Selection Panel. There, you can navigate the element tree and select precisely an element you want.

Pressing ESC before selecting an element will close the window.

Sometimes, you may want to play around with the element you choose to achieve the desired effect (selecting either a parent or child element may help you if an element doesn't behave correctly).

Please let me know if something needs to be fixed or if you have ideas for improvement.


Github repository:
https://github.com/boryssey/picture-in-picture-anything
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Picture-in-Picture Anything - Place Any Element on Top of your screen", "version": "1.0.1", "description": "An extension that allows you to use Picture-in-Picture mode on any element of any website.", "permissions": ["storage", "activeTab", "scripting", "contextMenus"], "action": { "enable_pip_overlay": "Enable Screenshot Overlay" }, "commands": { "run-pip": { "suggested_key": { "default": "Ctrl+Shift+P", "mac": "MacCtrl+Shift+P" }, "description": "Run Picture-in-Picture Anything on current page" } }, "icons": { "16": "icons/16.png", "32": "icons/32.png", "48": "icons/48.png", "128": "icons/128.png" }, "web_accessible_resources": [ { "resources": ["fonts/Inter.ttf"], "matches": [""] } ], "background": { "service_worker": "background.js" }}
Read more

Similar Extensions

icon

Picture in Picture | PIP Extension · Productivity 501 4 ★ 11.74KiB

icon

Tab To Popup Window Extension · Productivity 501 1 ★ 42.11KiB

icon

Picture in Picture with controls Extension · Productivity 501 0 ★ 10.17KiB

icon

Smart Picture in Picture Extension · Productivity 501 2 ★ 11.5KiB

icon

anyPiP - Picture-in-Picture anything Extension · Productivity 501 2 ★ 20.12KiB

icon

Picture in Picture - floating video player Extension · Productivity 501 295 ★ 50.1KiB

icon

Picture-in-Picture Shortcut Extension · Productivity 501 6 ★ 125KiB

icon

netflix,動畫瘋 always on top,picture in picture with control-bar Extension · Productivity 501 1 ★ 1.4MiB

icon

BetterPiP (Picture-in-Picture) Extension · Productivity 501 4 ★ 14.94KiB

icon

Super PiP - Picture-in-Picture with playback controls and subtitles Extension · Fun 501 214 ★ 28.45KiB

icon

Picture-in-Picture any site Extension · Productivity 501 51 ★ 9.73KiB

icon

Floating Picture-in-picture Extension · Productivity 501 2 ★ 223KiB

icon

PiP Pro: Picture-in-Picture productivity tools Extension · Productivity 501 3 ★ 20.4KiB

icon

Picture in Picture - PiP View Extension · Productivity 501 31 ★ 56.87KiB

icon

PiP (Picture in Picture) Extension · Accessibility 501 1 ★ 6.83KiB

icon

PiP - Picture in Picture Plus Extension · Productivity 501 10 ★ 1.94MiB

icon

Picture in Picture with subtitles — Piphover Extension · Productivity 501 24 ★ 19.4KiB

icon

Picture in Picture Button Extension · Productivity 501 3 ★ 17.4KiB

icon

Force Picture-in-Picture Extension Extension · Productivity 501 31 ★ 7.49KiB

icon

Picture in Picture Everywhere Extension · Productivity 501 5 ★ 344KiB

icon

Picture-in-Picture for ALL Sites Extension · Productivity 501 12 ★ 6.47KiB

icon

TabFloater: Picture-in-Picture for any tab! Extension · Productivity 501 49 ★ 239KiB

icon

Picture in Picture - Floating player Extension · Productivity 501 555 ★ 100KiB

icon

Picture-In-Picture for Videos Extension · Productivity 501 21 ★ 7.89KiB