Check Demo or Video Presentation
About Player
This is a simple youtube web player and desktop player based on angular-cli 1.4, NWjs 0.25.0, ngx-youtube-player 0.0.41 (used for youtube iFrame API), SCSS (CSS3), HTML5 and webkit functions.
This player is compatible only with Chrome/webkit browsers.
The project status is beta.
Usage
For Angular and Typescript Development
- Install NodeJS 6.11.0+
- Install angular-cli 1.1.3+
npm install -g @angular/cli
- Download/clone repository then install the player by
npm install
in root folder
- Run the player by
npm start
in root folder
For SASS development
npm install -g gulp
- Start compiling the SCSS files by
gulp sw
in root folder
For building app
-
Add to body classes application app-win / app-linux
<body class="application app-win">
-
Build the src folder with
ng build
in root folder You need to have angular-cli installed on global (check above) This is compiling typescript into Javascript -
Copy package.json from /app folder and paste it to dist folder
-
Download NWjs v0.25.0 +
-
Path your system enviroment to folder where you unarchived
-
Run
gulp build
in root folder
This is compiling javascript into desktop app
- In release folder (root) you have the compiled apps
For personal use
Just take files from dist folder
Check Demo or Video Presentation
Changelog
Angular2 YT Player v2.0
- Global hotkeys for application in desktop (play/pause/next/prev, for keyboards with media buttons)
- Adding support for NW.js to export the app for desktop compatible: Windows x64, Linux x64
- Auto updating the app (desktop version)
Angular2 YT Player v1.9.2
- UX improvements and fixes
- Preparing files for 2.0
Angular2 YT Player v1.9.1
- Get settings.json for localstorage if your localstorage is empty
- The playlist automatically saving, if is empty it will be populated with related videos
- Toggle light/dark theme mode
- Share link button for all videos
- Reorganised settings page
- Auto saving for internal settings (check settings)
- Manual saving for external settings (check settings)
- Performance, UI and UX improvements and fixes
Angular2 YT Player v1.9
- Add/remove items from playlist, first time when is initialized It is prepopulated with related videos
- Next/prev video from your playlist
- Moved history to separate page
- Adding toggle video, repeat mode and list & grid on trending to settings.json
- Small fixes
Angular2 YT Player v1.7
- Added featured video as first video from trending
- Notifications for important actions you do
- Removed debugging mode
- Preparing packages, code and files for v2.0
- Improved UI/UX for lists
Angular2 YT Player v1.6
- Video details for current video and trending videos like number of views, likes and dislikes
- Share link for current video
- Added new setting for hiding all thumbnails
- Custom player buttons shows now only when you hide video
Angular2 YT Player v1.4
- History of your watched videos
- Small fixes
Angular2 YT Player v1.3
- Show/hide video player
- Repeat video
- Grid/list mode for trending videos
- Settings (you can set default from "assets/settings.json", soon will be directly from settings)
- Change country for trending videos (currently only three countries, US, UK and RO)
- Max results show in search (0 to 50)
- YOUR_API Key
- Max related videos (0 to 50)
Angular2 YT Player v1.2
- Introducing trending videos, currently default trending videos are from United States
- Refactoring the code
- Adding routes for future components which it will show in left navbar
- Default video will be first from trending videos
- Adding the video player
- Update the design to match the new features
Angular2 YT Player v1.1
- Adding mute/unmute functionality
- Improved user interface and user experience
- Adding settings functionality, the settings will get from assets/settings.json
- Settings
- Show/hide debugging features
- Show/hide thumbnails in search
Angular2 YT Player v1.0.2
- Change volume on your video
- Related videos
Angular2 YT Player v1.0.0
- Search and play video from youtube
- Play/pause video
- Change time of your video that you want to listen
Future features
Backlog
- iOS 8+ / android 5+ app (unversioned)
- Change and create theme (unversioned)
- macOS app release (unversioned)
- Rooms
- Room chat (unversioned)
Roadmap to 3.0
-
Import/Export playlist (probably json file and youtube playlist) (in v2.1)
-
Categories with videos like (music, gaming, autos, films, sports, much more) (in v2.1)
-
Drag and drop videos to playlist (in v2.2)
-
Arrange playlist by drag and drop (in v2.2)
-
Integrating Google accounts (in v2.4)
-
Integrating firebase (in v2.5)
-
Rooms
-
Create room where you can watch videos with others in sync by sharing the room link (in v3.0)
-
Set private/public room (in v3.0)
-
List of public rooms (in v3.0)
-
Room moderators which can add videos, kick roommates, mute roommates, rename room title and description (in v3.3)
Copyright and License
Copyright quead under the MIT license.