Giter Site home page Giter Site logo

bfmatei / piptool Goto Github PK

View Code? Open in Web Editor NEW
356.0 16.0 34.0 259 KB

Add the Picture-in-Picture Functionality to YouTube, Netflix, Plex and other video broadcasting services in macOS Sierra

License: GNU General Public License v3.0

JavaScript 94.76% CSS 4.70% HTML 0.53%
youtube plex video-player netflix twitch-tv video picture-in-picture macos-sierra safari-extension typescript

piptool's People

Contributors

bfmatei avatar duffpod avatar joekuhns avatar jsaunders92 avatar tjscalzo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

piptool's Issues

Youtube's PiP button should not be on the right

In order to be more user friendly, the button should be placed at least at the left of the full screen button. It is a little bit uncomfortable getting used to the way you usually go full screen with Youtube and then switch to this extension to find yourself not doing what you expected to do because of the muscle memory.

Twitch TV support?

Would be great to have Twitch.tv support. Compared to YouTube, it's something most people always keep open in the background and would greatly benefit from PiP.

Safari Piptool icon keeps disappearing

PipTool Icon only appears after the page has been reloaded. (After a certain while it stop appearing completely.) I'm using it on the latest version of Safari.

Add keyboard shortcut.

Using bigger screen it gets too annoying to use mouse to click on icon and click on video. Provide keyboard shortcut functionality please?

Plex Web 3.17.2 break PiP

Looks like the latest update to Plex Web 3.17.2 kills pip support for Plex
Looks like a big webUI update, so suspekt a lot up updates to the webapp

BBC iPlayer support

I'm not even sure if this is possible, but it would be great to have support for BBC iPlayer.

Thanks so much for this tool. Great work!

multiple windows?

Hellos
possible to have multiple windows floating around?

Thanks!

Retina icon?

The icon for this doesn't look like it is Retina? Would it be possible to add one?

screenshot of safari technology preview 20-10-16 9-13-26 pm

Can't download

I love your extension, when I click the download link an 404 error pops up, hope you can fix it!

Twitch support

It would be really convenient to add button in Twitch player similar to YouTube, Plex and Netflix.
This no doubt would be useful for many users, since Twitch is biggest streaming service in the world.

Compatibility with VUDU?

Vudu.com uses a Flash-based video player. Can PiPTool include compatibility for that site, or does it only work with HTML5 players?

sign this extension

Signed extensions are easier to work with because they don't have to be re-enabled every time you quit Safari. I'm pretty sure there'll be someone wiling to sign (cc @JohJakob)

Plex player closing unexpectedly

To reproduce this bug:

  1. Open any video using Plex player
  2. Enter Picture in Picture mode using PiPTool (either through button on toolbar or in player itself, doesn't matter)
  3. Minimize PiP window back to the browser page

Expected behaviour: PiP window is closed, playback is resumed
Actual behaviour: PiP window is closed, playback is stoped, web page with the Plex player is closed

Please, check out this video for live example

Initial plex support? For what Plexweb I assume?

Im trying to play any video from plexweb via pip in safari with the plugin enabled. I installed it and quit safari reopened it and tried to play any video from plex web and I cannot get it to work. Can you explain how to use it on your readme.md also? I know how to use pip in sierra but I'm not seeing it working via plexweb which I assume is what you are trying to accomplish.

Plex issue (playback stops when returning to full screen)

When I press the expand button to return to full screen on a Plex video from PIP it seems like it does the same thing as pressing the stop button (it goes back to the previous page and stops playing) - I assume the intended functionality is to continue playback where it left off in the original window.

Contextual Menu Support

First of all, thanks for the really cool tool. ๐Ÿ˜Š I usually keep my toolbar empty, so I was wondering if it would be possible to add a contextual menu shortcut!

Window position

Hey,
Is there any way to move the PIP to any location in the window instead of just the edges?

Selecting video on Vimeo page was having a hard time

Cool extension. I would click it and the red bar would sometimes show and sometimes not. Was seeing some console errors:

image

In the end, I decided to go with a simple bookmarklet that works very nicely to simply take the playing video and put it in PIP and it works across all websites.

javascript: var video; document.querySelectorAll('video').forEach(function(vid) { if (!vid.paused) video = vid; }); if (video) { video.webkitSetPresentationMode('picture-in-picture') }

Emby support

I can't get the emby web player to run in PiP. Any plans for emby support?

Next button in Youtube playlist not working

Pressing the next button to advance to the next video in the playlist doesn't work when the extension is active in Safari.

The functionality of automatically playing the next video in a playlist is also disabled.
Disabling the extension reestablishes functionality.

Netflix support

I've tried myself on console with safari, and it works.

document.querySelector("video").webkitSetPresentationMode("picture-in-picture")

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.