Skip to content

Latest commit

 

History

History
16 lines (9 loc) · 980 Bytes

README.md

File metadata and controls

16 lines (9 loc) · 980 Bytes

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.