Giter Site home page Giter Site logo

stjordanis / pipifier Goto Github PK

View Code? Open in Web Editor NEW

This project forked from arnoappenzeller/pipifier

0.0 2.0 0.0 25.71 MB

PiPifier is a native macOS 10.12 Safari extension that lets you use every HTML5 video in Picture in Picture mode

License: MIT License

Swift 76.96% JavaScript 23.04%

pipifier's Introduction

Banner

PiPifier

PiPifier is a macOS 10.12 and iOS Safari (action) extension that lets you use every HTML5 video in Picture in Picture mode

macOS

Download

It's free on the Mac AppStore. Get it here

How to use?

If you have an HTML5 video playing on any website like Youtube just press the PiPifier icon in Safari's toolbar to enable Picture-In-Picture for this video. Make sure you did interact with the video player once before pressing (like play/pause).

Demo_macOS

Requirements

For usage: macOS 10.12
For developement: Latest Xcode

Installation

(0. Launch PiPifier)

  1. Open Safari and go to Preferences
  2. Go to Extensions
  3. Enable PiPifier (If you don't see PiPifier and you built the app by yourself you need to sign it or choose Developer -> Allow unsigned extensions)
  4. Choose View > Customize Toolbar and drag the PiPifier icon to your toolbar
  5. To use Pipifier just press the icon when you're watching to an HTML5 video (Note: You need to interact with the video once. If it's autoplaying just pause and play again)

iOS

Download

It's free on the AppStore. Get it here

How to use

If you have an HTML5 video playing on any website like Youtube press the share button and select the 'Run PiPifier' Action Extension

Demo_iOS

Why?

There are many sites that avoids you using iOS default video controls (YouTube for example) so you can't enable PiP mode. PiPifier lets you enable PiP regardless those limitations.

Requirements

For usage: iPad with iOS 10 or iPhone with iOS 14
For developement: Latest Xcode

Installation

  1. Open Safari
  2. Open the Share Menu
  3. Choose More
  4. Enable 'Run PiPifier'
  5. Select 'Run PiPifier' on a website with a video

How can I help?

If you are a developer feel free to make any addition to improve PiPifier.

If you are user and want a native PiP button in any video player please make a request in the corresponding issue

Note for developers

The code is a bit dirty and there are some unused parts in it (Tried to add more features before I needed to focus on other things). If you want to help me clean it up feel free to do so :)

Contact

Made by @arno_app with an important bug fix by @Cacauu_de.

pipifier's People

Contributors

arnoappenzeller avatar cacauu avatar inket avatar kabiroberai avatar sckasturi avatar

Watchers

 avatar  avatar

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.