Skip to content

Places an overlay on YouTube videos so you can paste in chords/lyrics & jam out!

License

Notifications You must be signed in to change notification settings

firozzer/YoutubeOverlay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Youtube Overlay

Places a simple textarea overlay on YouTube videos so you can paste in chords/lyrics & jam out!

Video demo: https://v.redd.it/iqn37wemlas61

-> When user clicks on the extension icon, bg.js runs, which in turn fires up yt.js.

-> yt.js injects HTML elements (like buttons/etc) & CSS Rules (styling for the buttons/etc) into the DOM.

-> yt.js also injects funcsTBInsertedIntoDOM.js into DOM, which contains functions to make the aforeadded buttons/etc work.

-> manifest.json is the Chrome extension requisite. The extension doesn't use any special permissions except access to the activeTab & the scripting API.

-> tsconfig.json is just the instructions for the TypeScript compiler.

-> Somehow still need to figure out how NOT to run the extension when user clicks on the icon but URL != "https://www.youtube.com/watch?v*". Need to place this restriction in the Manifest somehow, not keen on a Javascript if tab.url != check in bg.js.

About

Places an overlay on YouTube videos so you can paste in chords/lyrics & jam out!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published