https://github.com/samirhodzic/ngx-youtube-player
YouTube player app built with Angular 7
https://github.com/samirhodzic/ngx-youtube-player
angular-7 angular-cli music-player ngx-youtube-player playlist typescript video video-player youtube youtube-api youtube-player
Last synced: 17 days ago
JSON representation
YouTube player app built with Angular 7
- Host: GitHub
- URL: https://github.com/samirhodzic/ngx-youtube-player
- Owner: SamirHodzic
- License: mit
- Created: 2017-03-07T08:56:07.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2020-05-03T18:27:55.000Z (almost 5 years ago)
- Last Synced: 2025-03-25T18:54:05.936Z (about 1 month ago)
- Topics: angular-7, angular-cli, music-player, ngx-youtube-player, playlist, typescript, video, video-player, youtube, youtube-api, youtube-player
- Language: TypeScript
- Homepage: https://samirhodzic.github.io/ngx-youtube-player
- Size: 2.09 MB
- Stars: 88
- Watchers: 12
- Forks: 46
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ngx-YouTube-Player
[![build-url][build-url-svg]][build-url]
[![Dependencies][dependencies]][dependencies-url]
[![Dev Dependencies][dev-dependencies]][dev-dependencies-url]
> YouTube player app built with Angular 7 (latest 7.1.4).
[Demo](https://samirhodzic.github.io/ngx-youtube-player) (Updated: 06/01/2019)
## Quickstart
**Note**: Require Node 4+ together with Npm 3+, also be sure to install
**1- Install [Angular-CLI](https://github.com/angular/angular-cli) (latest 7.1.4) :**
```bash
$ npm install -g @angular/cli@latest
```
**2- Clone the project:**
```bash
$ git clone https://github.com/SamirHodzic/ngx-youtube-player
$ cd ngx-youtube-player
```
**3- Install the npm packages described in the package.json :**
```bash
$ npm install
```
**4- Transpile typescript into javascript, host the app and monitor the changes :**
```bash
$ ng serve
```
Visit http://localhost:4200 and enjoy!
## Dependencies
- [Angular](https://angular.io/) with [Typescript](https://www.typescriptlang.org/)
- [Angular CLI](https://cli.angular.io/)
- [Material Design Lite](https://github.com/google/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
## 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
- ...
[dependencies]: https://david-dm.org/samirhodzic/ngx-youtube-player.svg
[dependencies-url]: https://david-dm.org/samirhodzic/ngx-youtube-player
[dev-dependencies]: https://david-dm.org/samirhodzic/ngx-youtube-player/dev-status.svg
[dev-dependencies-url]: https://david-dm.org/samirhodzic/ngx-youtube-player?type=dev
[build-url]: https://travis-ci.org/SamirHodzic/ngx-youtube-player
[build-url-svg]: https://travis-ci.org/SamirHodzic/ngx-youtube-player.svg?branch=master