1
1
<p align =" center " >
2
- <a href =" https://quead.github.io/demo/ " title =" YouTube Player Demo " >View Demo</a >
3
- <img alt =" Angular YouTube Player Logo " src =" https://i.imgur.com/GmAP7ip.png " style =" height : auto ; max-width :100% ;" />
2
+ Check
3
+ <a href =" https://quead.github.io/demo/ " title =" YouTube Player Demo " >View Demo</a >
4
+ or
5
+ <a href =" https://youtu.be/KB803dWQM-o/ " title =" Video Presentation " >Video Presentation</a >
6
+ <img alt =" Angular YouTube Player Logo " src =" https://i.imgur.com/GyNXPTg.png " style =" height : auto ; max-width :100% ;" />
4
7
</p >
5
8
6
9
# About Player
7
- [ ![ Version] ( https://img.shields.io/badge/Current%20version-v1.9.2-brightgreen.svg?style=flat )] ( https://github.com/quead/angular2-yt-player )
10
+ [ ![ Version] ( https://img.shields.io/badge/Current%20version-v2.0-brightgreen.svg?style=flat )] ( https://github.com/quead/angular2-yt-player )
11
+ [ ![ Build Status] ( https://semaphoreci.com/api/v1/quead/angular2-yt-player/branches/master/badge.svg )] ( https://semaphoreci.com/quead/angular2-yt-player )
8
12
9
13
[ ![ GitHub license] ( https://img.shields.io/badge/license-MIT-blue.svg )] ( https://raw.githubusercontent.com/quead/angular2-yt-player/master/LICENSE )
10
14
[ ![ GitHub forks] ( https://img.shields.io/github/forks/quead/angular2-yt-player.svg )] ( https://github.com/quead/angular2-yt-player/network )
11
15
[ ![ GitHub stars] ( https://img.shields.io/github/stars/quead/angular2-yt-player.svg )] ( https://github.com/quead/angular2-yt-player/stargazers )
12
16
13
- This is a simple youtube player based on [ angular-cli] ( https://github.com/angular/angular-cli " Angular Cli ") 1.4, [ ng2 -youtube-player] ( https://github.com/orizens/ng2-youtube-player " ng2 youtube player") 0.0.3 (used for youtube iFrame API), SCSS (CSS3), HTML5 and webkit functions.
17
+ This is a simple youtube web player and desktop player based on [ angular-cli] ( https://github.com/angular/angular-cli " Angular Cli ") 1.4, [ NWjs 0.25.0 ] ( https://nwjs.io/ " NWJS Page ") , [ ngx -youtube-player] ( https://github.com/orizens/ng2-youtube-player " ngx youtube player") 0.0.41 (used for youtube iFrame API), SCSS (CSS3), HTML5 and webkit functions.
14
18
15
- This player is compatible only with Chrome/webkit browsers because in future I want to implement [ NW.js ] ( https://nwjs.io/ ' NWjs website ') for compiling the code in Windows/Mac OS X/Linux desktop app .
19
+ This player is compatible only with Chrome/webkit browsers.
16
20
17
- * The project status is alpha .*
21
+ * The project status is beta .*
18
22
19
23
## Usage
20
24
21
- ** For angular2/typescript development **
25
+ ** For Angular and Typescript Development **
22
26
1 . Install [ NodeJS 6.11.0+] ( https://nodejs.org/en/download/ " Node JS Download ")
23
27
2 . Install [ angular-cli 1.1.3+] ( https://github.com/angular/angular-cli " Angular Cli ")
24
28
@@ -32,7 +36,6 @@ This player is compatible only with Chrome/webkit browsers because in future I w
32
36
33
37
` npm start ` in root folder
34
38
35
- ------
36
39
37
40
** For SASS development**
38
41
@@ -41,17 +44,46 @@ This player is compatible only with Chrome/webkit browsers because in future I w
41
44
42
45
` npm install -g gulp `
43
46
44
- 4 . Start compiling the SCSS files by
47
+ 3 . Start compiling the SCSS files by
48
+
49
+ ` gulp sw ` in root folder
50
+
51
+ ------
52
+
53
+ ** For building app**
45
54
46
- ` gulp `
55
+ 1 . Add to body classes application app-win / app-linux
56
+ ` <body class="application app-win"> `
57
+ 2 . Build the src folder with
58
+ ` ng build ` in root folder
59
+ * You need to have angular-cli installed on global (check above)*
60
+ * This is compiling typescript into Javascript*
61
+
62
+ 3 . Copy package.json from ** /app** folder and paste it to ** dist** folder
63
+ 4 . Download [ NWjs v0.25.0 +] ( https://nwjs.io/ " NWJS Download ")
64
+ 5 . Path your system enviroment to folder where you unarchived
65
+ 6 . Run
66
+
67
+ ` gulp build ` in root folder
68
+ * This is compiling javascript into desktop app*
69
+
70
+ 7 . In release folder (root) you have the compiled apps
47
71
48
72
** For personal use**
49
73
50
74
Just take files from *** dist*** folder
51
75
52
- <a href =" https://quead.github.io/demo/ " title =" YouTube Player Demo " >View Demo</a >
76
+ Check
77
+ <a href =" https://quead.github.io/demo/ " title =" YouTube Player Demo " >View Demo</a >
78
+ or
79
+ <a href =" https://youtu.be/KB803dWQM-o/ " title =" Video Presentation " >Video Presentation</a >
53
80
54
81
## Changelog
82
+ Angular2 YT Player v2.0
83
+ - Global hotkeys for application in desktop (play/pause/next/prev, for keyboards with media buttons)
84
+ - Adding support for NW.js to export the app for desktop compatible: Windows x64, Linux x64
85
+ - Auto updating the app (desktop version)
86
+
55
87
Angular2 YT Player v1.9.2
56
88
- UX improvements and fixes
57
89
- Preparing files for 2.0
@@ -130,19 +162,17 @@ Angular2 YT Player v1.0.0
130
162
#### Backlog
131
163
- iOS 8+ / android 5+ app ** (unversioned)**
132
164
- Change and create theme ** (unversioned)**
165
+ - macOS app release ** (unversioned)**
133
166
- ** Rooms**
134
167
- * Room chat ** (unversioned)***
135
168
136
- #### Roadmap to 2.0
137
- - Global hotkeys for application in desktop (play/pause/next/prev) ** (in v2.0)**
138
- - Adding support for NW.js to export the app for desktop compatible: Windows/Mac OS X/Linux ** (in v2.0)**
139
- - Auto updating the app (desktop version) ** (in v2.0)**
140
-
141
169
#### Roadmap to 3.0
142
170
- Import/Export playlist (probably json file and youtube playlist) ** (in v2.1)**
143
171
- Categories with videos like (music, gaming, autos, films, sports, much more) ** (in v2.1)**
144
172
- Drag and drop videos to playlist ** (in v2.2)**
145
173
- Arrange playlist by drag and drop ** (in v2.2)**
174
+ - Integrating Google accounts ** (in v2.4)**
175
+ - Integrating firebase ** (in v2.5)**
146
176
147
177
- ** Rooms**
148
178
- * Create room where you can watch videos with others in sync by sharing the room link ** (in v3.0)***
0 commit comments