Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jmavarez/tana
Bringing the Picture-in-Picture experience to the desktop.
https://github.com/jmavarez/tana
chrome-extension desktop electron electron-app electronjs ffmpeg hacktoberfest hacktoberfest2020 javascript linux macos picture-in-picture video webpack window windows
Last synced: about 2 hours ago
JSON representation
Bringing the Picture-in-Picture experience to the desktop.
- Host: GitHub
- URL: https://github.com/jmavarez/tana
- Owner: jMavarez
- License: mit
- Archived: true
- Created: 2018-05-15T00:48:27.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-05-10T18:55:02.000Z (over 3 years ago)
- Last Synced: 2024-09-28T01:23:23.932Z (about 2 hours ago)
- Topics: chrome-extension, desktop, electron, electron-app, electronjs, ffmpeg, hacktoberfest, hacktoberfest2020, javascript, linux, macos, picture-in-picture, video, webpack, window, windows
- Language: JavaScript
- Homepage:
- Size: 1.75 MB
- Stars: 115
- Watchers: 13
- Forks: 9
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Tana
[](./LICENSE)
Bringing the Picture-in-Picture experience to the desktop. Lets you keep a window in front of everything, whether it is a webpage or a video.
## Story time 🙌
A few months ago I started looking for a program that let me have a Picture-in-Picture mode on a Windows machine, primarily to watch Netflix and YouTube/Twitch streams (mainly e-sports) while coding, found nothing that met my needs. Reading on [electron's reddit](https://www.reddit.com/r/electronjs/) I came across with this [post](https://medium.com/@yoannm/pushing-electron-on-the-mac-appstore-early-stages-7dcb85936f92/), it's about the process of publishing an Electron app to the App Store, turns out that app was about what I've been looking for, but sadly it's only available on MacOS (Can't afford a Mac 😔) so I decided to give it try at developing my own.
## Current state of the project
The project it's in a very **ALPHA state** as I started this project just for myself and most of it's code was done in a "hurry" just to have something working up.
The whole reason of open sourcing it is to learn while other people collaborate. I'm not very experienced on working with JavaScript or Electron so bear with my coding skills, and if you want to mentor me just let me now ✌️. I'm really looking forward to improve my self as a developer with this project, meaning coding patterns, testing and automated build releases in the future.
---
## Features
- Open any link with the Browser extension
- Local Video support
- Click-through and See-through
- Hide window to menu tray
- Mute window
- View recently open links
- More to come...
## [Usage](./USAGE.md)
## [Change Log](./CHANGELOG.md)
## Contribute
As I'm trying to improve this project overall, PRs are more than welcome!.
## Ideas/Suggestions
I'm completely open to new ideas and suggestions! Put up an [issue](https://github.com/jMavarez/Tana/issues) or send me an [email](mailto:[email protected]?Subject=Tana%20-%20Idea/Suggestion).
## Future Features
Check out the [Feature tag in Issues](https://github.com/jMavarez/Tana/labels/feature) to see all in progress and upcoming ideas.
## Development/Running
Currently there's no installers for each platform so here's what you need to do:
- Install using ```yarn```.
- Then run ```yarn install:ffmpeg``` (just the first time you clone the repository).
- Finally run ```yarn build:dev``` and in a separate terminal run ```yarn start```.
__UPDATE__: Windows installer is coming soon! Other OSs will come eventually, still trying to make some time to work on this.
## Chrome Extension
To open any link from your Chrome Browser you need to add the chrome-extension, which is not available on the store just yet but, you can add it manually:
1. Go to ```chrome://extensions``` on your Chrome Browser.
2. Check ```Developer mode``` on the top-right corner.
3. Click on ```Load unpacked```, search for ```chrome-extension``` folder located at the root of this project and open it.
## Special thanks ❤
- [@yoannmoinet](https://github.com/yoannmoinet) The creator of [Fenêtre](https://xn--fent-ipa.re/). Thank you for some insights and for the awesome [post](https://medium.com/@yoannm/pushing-electron-on-the-mac-appstore-early-stages-7dcb85936f92/).
- [@ssnjrthegr8](https://github.com/ssnjrthegr8) Logo designer. Thank you so much!
### And... if you want...
## License
[MIT](./LICENSE)