Coder Social home page Coder Social logo

pipr's People

Contributors

jrodl3r avatar

Watchers

 avatar  avatar

pipr's Issues

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)

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

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)

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

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

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.

Update Icon

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


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

Hotkeys

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

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.