Code Monkey home page Code Monkey logo

avcbcoder / avc-webplayer Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 5.32 MB

A chrome extension ๐ŸŒ which lets you control your music โชโฉ from anywhere and can create mini window for videos ๐ŸŽฆ. Checkout the website to know more...

Home Page: https://avcbcoder.github.io/projects/#02

License: MIT License

JavaScript 97.74% HTML 1.44% CSS 0.82%
chrome-extension react react-dom jquery npm-packages youtube-api-v3 youtube-search lyrics-fetcher spotify-api youtube brainfm

avc-webplayer's Introduction

AVC - Web Player

License: MIT Twitter URL GitHub followers

AVC Web player is a Chrome Extension which lets you control your music streams (spotify/music.youtube/brainfm) from any browser tab. It can create a mini window which always stays on top, so that you can watch videos while working also. And it enables the functionality to videos of all tabs, so that they can be played in mini window mode.

Build with

Stable release version :


User Guide

For Music (Spotify) streaming :

There should be a spotify tab opened in the background

  • Control your music from any tab.
  • Get Lyrics of the currently streaming song.
  • Get Youtube Video of the current song.
  • You can directly create a mini window of the song/video from the app itself. (view demo video for details)

Mini Window button :

  • A script is injected in every tab (new/refreshed) to add mini window buttons.
  • The injected script attaches mini window button to every loaded video available on the page.
  • Using this button you can start/stop mini window view for videos.

Demo



Installing

  1. Clone this repo (git required)
git clone https://github.com/avcbcoder/Mini---spotify-youtube
  1. Install dependencies (npm/yarn required)
npm install 
or
yarn
  1. Make build for chrome
npm build 
or 
yarn build

Deployment

  • Toggle Developer mode
Got to chrome://extensions/ and enable developer mode
  • Add extension
Add extension and select build folder of the project

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.