Deprecation notice

This project is now deprecated due to the difficulty of interacting with the video provider APIs. The limited search quota is not enough to fullfil global usage of the app and because of this it lacks one of the core features of the app, the search feature. Unfortunately is not of my interest to maintain or update the project anymore. Feel free to clone, redistribute or share the project since it is not licensed in any form.

Common notes

• This is an initial implementation of YTGameBar's VideoUI and certainly will be changed to a better solution in the future.
• Make sure to use Node v14.21.3 or older, otherwise is very unlikely that the project will successfully build.

Development

• 1: First run npm install on repository's root directory.

• 2: Then run ng serve to start a development server.

  • 2.1: Then go to http://localhost:4200/video-ui?videoId=VIDEO_ID, where VIDEO_ID is the Video ID you want to the youtube-player angular component to load.
  • 2.2: Then go to http://localhost:4200/playlist-ui?listId=PLAYLIST_ID, where PLAYLIST_ID is the Playlist ID you want to the YouTube iFrame to load.

It's important to use localhost instead of 127.0.0.1 on the URL, otherwise it may be problematic to load some videos.

Building and testing

Run ng build --prod=true to build the videoUI project. Once builded, serve the builded files with an webserver then test it with the url formats describeds in item 2, the app will automatically route to the desired location (still working on a fix to correctly handle Angular's redirects).