Front-end WTF
Published in

Front-end WTF

Youtube desktop app with multimedia keyboard shortcuts

Do you want to be able to listen Youtube playlists without switching to your browser tab? Want to skip a song using your keyboard shortcuts?

I do, so I’ve created an electron wrapper to help me with this problem.

Features

  • Native like experience
  • Multimedia keyboard shortcuts even if minimized
  • Works on Mac and Windows

Why I’ve done this?

I already have Apple Music (Apple Radio, iTunes Music, Music, I really don’t know the name of the service anymore) account, I had a Rdio account and recently subscribed to Google Music. (Youtube Music is not available in Romania).

All the apps mentioned above are poor in terms of content and discovery even if Google Music should get some inspiration from Youtube and also the data from it. My playlists and all. Why aren’t these synced?

How I’ve done this?

I used Nativefier and a small script created by me that takes advantage of the multimedia keyboard.

Nativefier is a command line tool that allows you to easily create a desktop application for any web site with succinct and minimal configuration. Apps are wrapped by Electron in an OS executable (.app, .exe, etc.) for use on Windows, OSX and Linux.

You can find the script and how to use it here: https://github.com/adyz/youtube-keyboard-shortcuts

Install

This is a nodejs tool, so you’ll need node installed. It works on Windows and Mac and I think pretty much on any platform that electron supports.

Install instructions here: https://github.com/adyz/youtube-keyboard-shortcuts

Want a .dmg or .exe file? If you do, please comment, I’ll think about it, but I’m pretty sure Youtube will be angry on me if I do this.

To be added

I have a few ideas here, but for now I’ll let you play with this.

--

--

--

HTML, CSS, JS, SCSS, STUFF

Recommended from Medium

CPT Custom Hooks, React Router

Faster development with code snippets on Visual Studio Code

How to Implement Infinite Scroll in a React App using the Intersection Observer API

Creating your first Ubiq token

vite build error

A Vue Button Component with Confirm — Part 2

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Adrian Florescu

Adrian Florescu

Front-end Developer

More from Medium

Bored of Lorem Ipsum? Try These Alternative Filler Texts for Your Apps Instead

A feature image consisting of ‘Lorem ipsum’ as text and a scroll emoji. With a gradient background of coral to orange.

How can you deliver a variety of images in different formats on a high-traffic site in real time?

Example of the same image in different size on the site

Step-By-Step: Manage Your Website Translations Like a Pro Using FlyCode

Apps for Developers