karim23657 / teaching-board

A web app that help teachers to create videos . supports virtual background and background blur on webcam .

teaching-board

This web app is designed to help teachers create whiteboard videos with virtual backgrounds on their webcam. It includes image annotation capabilities, allowing teachers to draw on the images or add text for demonstrations and teachings. The app provides an intuitive interface for teachers to experiment with different combinations of data sources and backgrounds, making it easy to tailor the whiteboard videos to their needs.

Usage

To use the demo, simply visit this link: https://rawcdn.githack.com/karim23657/teaching-board/959434f73bed0ede15858e2ab1170c732c68bd61/index.html.

Once you're on the page, you can start using the digital teaching board. It allows you to write and draw on the board using your mouse or touchpad, as well as change the color and thickness of the pen tool.

features

• easey drawing
• import slides and images from local files or clipboard
• resizable images and webcam
• change slides use arrow keys
• remove background without green screen , virtual background , background blur
• ... Sure, here's the updated to-do list using simple markdown syntax:

running locally:

Just you need to create a http server or local web server : If you have python:

python -m http.server 8001

or use one of these :

• https://github.com/TheWaWaR/simple-http-server
• https://github.com/svenstaro/dummyhttp
• xampp or wamp server

How to use

Open you web server link in a browser and then allow camera access permission. You can use a screen recorder software (or a recorder browser extension) to record from your browser tab.

for slide navigation use these buttons ( < >) on corner of screen or Left and Right arrow keys or click on slides preview bar.

Future Work

• Open PDF and PPTX files directly on the board
• Annotate directly on opened PDF and PPTX files
• Improve user interface for usability and aesthetics
• Enable saving and sharing of boards
• Improve performance for larger files and slower internet connections

Contributing

If you'd like to contribute to the project, feel free to fork the repo and submit a pull request with your changes.

Issues

If you encounter any issues while using the demo, please create an issue on the project's GitHub page: https://github.com/karim23657/teaching-board/issues.

License

This project is licensed under the MIT license. See the LICENSE file for more information.