ngx-YouTube-Player

YouTube player app built with Angular 7 (latest 7.1.4).

Demo (Updated: 06/01/2019)

Quickstart

Note: Require Node 4+ together with Npm 3+, also be sure to install

1- Install Angular-CLI (latest 7.1.4) :

$ npm install -g @angular/cli@latest

2- Clone the project:

$ git clone https://github.com/SamirHodzic/ngx-youtube-player
$ cd ngx-youtube-player

3- Install the npm packages described in the package.json :

$ npm install

4- Transpile typescript into javascript, host the app and monitor the changes :

$ ng serve

5- Install electron :

$ npm install electron --save-dev

6- Run your angular app as an native desktop app :

$ npm run electron-build

7- Packaging for Desktop Operating Systems :

$ npm install electron-packager -g
$ npm install electron-packager --save-dev

8- build an executable for Windows :

$ electron-packager . --platform=win32

9- build an executable for MacOS :

$ electron-packager . --platform=darwin

Visit http://localhost:4200 and enjoy!

Dependencies

• Angular 5 with Typescript
• Angular CLI
• Material Design Lite

Features

• Play music while searching
• Extended controls
• Shuffle/Repeat options for your playlists
• Browser notifications when new song is going to start
• Different type for video displaying
• Create local playlist without authorization
• Simple Import/Export playlists as JSON
• Add electron for Desktop App

TODO

• 'Now playing' when video is minimized
• Update UI to be fully responsive for mobile/tablet
• Browser notification interface when new song is going to start
• Save multiple playlists and switch between them
• Write tests
• ...