video-stream-ascii-reader
Description
This is a simple web demo of the video-stream-ascii package that converts a video stream into ASCII art.
🚀 🚀 You can try it out 🚀 🚀
It works on desktop and mobile as well, the example take an input video and convert its video stream into
ASCII art in real time. The output is real text, so you can copy and paste it directly.
🚀 🚀 The package is published on npm 🚀 🚀
The installation and usage of the package is explained in the package’s README.
TODO
- Allow to load video from URL
- Allow to load video from file
- Add a way to change the resolution of the output
Screenshots
Dependencies
The project is using React, TypeScript, JavaScript, TensorFlow, SCSS, CSS, etc…
You can find the dependencies in the dependencies folder.
It uses the react-webcam library to get the video stream from the webcam.
https://www.npmjs.com/package/react-webcam
Deployment
To deploy the website, you need to run the following command:
npm run deploy
or if you are using yarn:
yarn deploy
Code style
The code style used in this project is XO.
You can find some changes in the .eslintrc.js file.
The project is also set up to use ESLint.
GitHub Actions
The project is set up to run the following actions:
- pages-build-deployment : Builds the website and deploys it to GitHub Pages.
- node.js.yml : Runs the tests for the Node.js project.
- eslint.yml : Runs the ESLint linter on the project.
- codeql.yml : Runs the CodeQL linter on the project.
Documentations
Xo:
https://github.com/xojs/xo
ESLint:
https://eslint.org/docs/latest/user-guide/getting-started
GitHub gh-pages:
https://github.com/gitname/react-gh-pages
react-webcam:
https://www.npmjs.com/package/react-webcam
Package Links
Check the source code
on 
Check the package
on 
Contributors
Quentin MOREL :
- @Im-Rises
- https://github.com/Im-Rises