Skip to content
This repository has been archived by the owner on Aug 15, 2019. It is now read-only.
/ sticky-browser Public archive

Frameless Browser that can be made sticky, e.g. always on top. So you have picture in picture.

License

Notifications You must be signed in to change notification settings

ocjojo/sticky-browser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚠️ Archived
Since this function became available again with Chrome 70, there is no need to maintain this repo any longer.

Just use the native API document.querySelector('video').requestPictureInPicture();

For convenience, you can create a bookmark. Use the following as URL: javascript:document.querySelector('video').requestPictureInPicture();

StickyBrowser

This is an electron-based minimal browser, that can be made sticky/always-on-top.

It allows you to watch videos/movies picture-in-picture, so you can

  • keep working while watching tutorials
  • keep chatting while watching funny videos
  • have a video chat while viewing other documents
  • ...

Download from release page.


Screenshot StickyBrowser

Controls

  • Move window: kind of self-explaining
  • Sticky-mode: Toggle always-on-top
  • Cinema-mode: Hides menu and makes whole window draggable. To disable cinema-mode double-click on window.
  • Fullscreen: Toggle fullscreen mode
  • Switch toolbar: switches the buttons- & urlbar to the bottom of the window.

Screenshot StickyBrowser Controls

Widewine & DRM protected content

To watch DRM protected content electron needs the widevine plugin. Currently this is neither bundled with electron nor with this application.

This application looks for the plugin shipped with the chrome browser.

Currently this only looks in one path, because I just need that one. PRs welcome to add support for a wider range of macOS versions, as well as windows and linux.

Development

  1. Clone this repo
  2. run npm install
  3. run npm run start

All relevant source files are within the app folder.

To create a distributable app electron-builder is used. For macOS just run npm run build and see the files in dist folder.

About

Frameless Browser that can be made sticky, e.g. always on top. So you have picture in picture.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published