What is a web browser extension?

Question

Build a browser-based extension that pops up a window and plays the content on a browser embedded video in sign language (pre-recorded or AI based avatar)

Anyone tell me what is exact it... How it can be solve in code?

Answer 1

tutorial

https://www.freecodecamp.org/news/write-your-own-browser-extensions/

Answer 2

A web browser extension is a module that adds some functionality and features to a browser and improve existing things.

For your task: You create an extension that can detect content on page and display a popup video with the content translated into sign language. This could either be using a pre-recorded video or a real-time translation with AI.

These would be the general files for creating the extension:

manifest.json - Defines the properties, permissions and more for the extension.

content.js - Checks the page and pops up the embedded video.

popup.html - The design of the UI that appears for the popup.

popup.js - The logic for the popup. Has event listeners and action-triggers.

The directory structure:

extension-name
- icons
- icon1.png
- icon2.png
- icon3.png

- videos
-video1.mp4
-video2.mp4
-morevideo.mp4

- manifest.json
- popup.html
- content.js
- popup.js

I'm not at all experienced with developing extensions, so I can't really help you with the codes.

Answer 3

Thank you Afnan Irtesum Chowdhury

Answer 4

Thank you Bob_Li this tutorial will be helpful to me...