This chrome extension takes input from the user using a form. After clicking on the Start test it will check for the camera and microphone permissions for image proctoring.
Tech stack: HTML, JS Files included:
- manifest.json: to specify metadata about teh extension
- popup.html: it generates popup with the form
- popup.js: initiate test by sending data of the user (email, name)
- background-sw.js: add the code to send teh image data to the backend server
- content.js: capture camera and microphone stream
- index.html: it creates a web page for streaming
- index.js: it starts the streaming by accessing the camera of the device
Requirements:
- NodeJs
- AWS S3
- AWS IAM roles
Backend part is in pending state.
Follow these steps:
- clone this repo using command
git clone https://github.com/Ayumilan/Chrome_Extension.git - Open your chorme browser and got to this url
chrome://extensions/ - Switch on the Developer mode option which is on the top right corner. click on load unpacked.
- Select the folder where you clone the repo. You we see a Image proctoring extension will appear. So our extension is loaded in the chrome browser.
- Open a new tab and click on this extension.
- It will popup a form. fill the form and click on start test.
- It will ask for the camera permission and shows a message i.e. error in sending the image data, because the backend is not yet defined. Click on allow for camera permission.
- After allowing the camera it will show the live stream form your camera. you can click on snap photo to save image and send it to the backend server.
This is the demo of this chrome extension.
Thank you.