Echoes Player screenshot

Echoes Player

Author Avatar Theme by Orizens
Updated: 4 Jun 2024
852 Stars

Echoes Player: the missing Media Player experience for Youtube - Built with Angular (9), ngrx (9), Angular CLI, Boostrap (SASS), Youtube api

Categories

Overview

The Echoes Player is a YouTube player developed by Oren Farhi, offering a unique experience for listening to music and watching videos on YouTube. This project, implemented with Angular (2nd generation), aims at learning and experimenting with Angular while providing a media player experience for YouTube content consumption.

Features

  • YouTube Player: Fun and easy way to listen to music and watch videos from YouTube.
  • Chrome Application: Echoes Player is also available as a Chrome application.
  • Media Player Experience: Enhance your YouTube listening pleasure with a specialized media player approach.
  • @ngrx Solutions: Includes @ngrx/store for state management, @ngrx/effects for side effects, and more.

Installation

  1. Clone the repository:

    git clone [repository-url]
    
  2. Install dependencies:

    npm install
    
  3. Generate necessary keys for YouTube integration:

    • API Key
    • OAuth client ID
    • Analytics Key (optional)
  4. Start the development server:

    npm start
    
  5. Build the project:

    npm run build
    
  6. For production build:

    npm run build:prod
    
  7. Run unit tests:

    npm test
    
  8. Run end-to-end tests:

    npm run e2e
    

Summary

The Echoes Player developed with Angular offers a unique way to interact with YouTube content, focusing on music and videos consumption. By providing a specialized media player experience, this project showcases the capabilities of Angular (2nd generation) while integrating key features like @ngrx solutions for efficient state management. The step-by-step installation guide makes it easy to get started with the Echoes Player and customize it for a personalized YouTube experience.