Looper extension

Description

• Chrome extension for looping over a fragment of a video with web components

Goals

Figure out:

• how native web components work
• how to create browser extension

Notes

• A lot of direct DOM manipulation because planned as extension

Extensions

• How too make chrome extension
• Insert code into the page using content.js

Video player

• Entire custom video player
• Progress bars in depth
• CSS tricks about progress element
• Video player styling, MDN
• Video and audio API, MDN

How to build an extension

• create manifest.json
• load an unpacked extension to chrome (for development purposes)
• content.js can interact with web pages that the browser visits
• background.js has an access to all chrome APIs
• contetn.js and background.js can only interact with each other through message passing