Giter VIP home page Giter VIP logo

pipr's People

Contributors

jrodl3r avatar

Watchers

 avatar  avatar

pipr's Issues

Update Icon

something in the menubar that looks like the "PiP" button on a remote control.


[PiP] (reverse "P" on left side)

Switch to 3rd-Party Video Player

Benefits to rolling a 3rd-party solution for video playback:

  • videojs.com
  • ability to load local video files (AVI, MP4, etc.)
  • ability to customize video player interface (remove like, watch-later buttons, etc.)

Feature

breakdown app features, basic functionality, and provide some tips and shortcuts.


Summary:
Lorem ipsum...


Screenshots:
[ ]
[ ]
[ ]


How-To / Video Demo:

  • to hide the video window temporarily - click the menubar icon to toggle visibility ON/OFF
  • can't open some YT/Vimeo preview-image/icon links by dragging onto menubar icon (#9)
  • showcase slick picture-in-picture abilities (AKA: missing killer YT/Vimeo desktop feature)
  • summarize preferences (right-click menubar icon or ⌘ + ,)
  • how to launch app on system startup
  • update README (tags, links, etc.)
  • Fixed: can't open links directly from app window, but can drag them up to the menubar icon

Hotkeys

  • ⌘ + Q (quit)
  • ⌘ + W (close / hide window)
  • ⌘ + , (toggle preferences)
  • Escape (exit fullscreen / hide preferences)
  • Space (toggle playback - play / pause)

Control Bar

Todo:

  • drag + move window
  • close window button
  • preferences button (gear-cog)
  • fullscreen button
  • increase height, thicken (make drag + button click area harder to miss)
  • double-click control-bar toggles fullscreen
  • pause video playback on hide / close-window

Not All YouTube Links Work

YT video image links, or "preview icon" links are not draggable onto the menubar icon


  • standard text-based YT links work fine when dragging onto the menubar icon
  • video image links do work however, when dragging onto the main app window

There is currently no fix available.

Preferences

load, save and toggle various app features


Todo:

  • Load User Preferences prefs.json on startup [from mb.app.getPath('userData')]
  • Add Preferences View + Triggers, Toggle-Logic
  • Update + Store Individual User Preferences on change / toggle
  • Refactor Preferences w/ LocalStorage (switch from electron-storage to node-localstorage)
  • Toggle Switch UI (Active, Inactive, codepen/CczHd)

Options:

  • Launch on System Startup (npmjs/auto-launch) [Not App Store Compatible]
  • Toggle Show Dock Icon
  • Toggle Highlight Menubar Icon
  • Toggle Show Window on Open
  • Toggle Show on All Workspaces
  • Toggle Auto-Hide (Toggles mb.alwaysOnTop + mb.showOnAllWorkspaces)
  • Toggle Always on Top (Toggles window.alwaysOnTop)
  • Enabling Auto-Hide will disable Always on Top
  • Toggle Default Position (Menubar, Top-Left, Top-Center, Top-Right, Bottom-Left, Bottom-Center, Bottom-Right, Middle-Left, Middle-Right)
  • Toggle Remember Position
  • Toggle Remember Dimensions (Height, Width)

Get Window Position onDrop

update the drop handler to use active window location + dimensions.

currently, it jumps back the tray-icon / original window position when dropping on menubar icon.

ContextMenu

  • Preferences (⌘,)
  • Play / Pause
  • Quit (⌘Q)

Drag-n-Drop

Ability to drag-n-drop YouTube + Vimeo links onto the app to load videos


Todo:

  • get menubar dropped-text
  • get app window dropped-text
  • parse youtube + vimeo link-text
  • iframe lifecycle (post initial-drop)
  • auto-start video

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.