Skip to content

Im-Rises/video-stream-ascii-webcam

Repository files navigation

video-stream-ascii-webcam

javascriptLogo typescriptLogo reactLogo scssLogo cssLogo

Description

This is a simple web demo of the video-stream-ascii package that converts a video stream from your webcam into ASCII art.

🚀🚀 You can try it out 🚀🚀

It works on desktop and mobile as well, the example use the camera of your device and convert the video stream into ASCII art in real time. The output is real text, so you can copy and paste it directly.

The installation and usage of the package is explained in the package's README.

The example is using the webcam of your device, but you can use any video stream, like a video file or a video stream.

You can find the package's source code on GitHub.

Screenshots

screenshot

Dependencies

The project is using React, TypeScript, JavaScript, 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

GitHub Actions

pages-build-deployment Node.js CI ESLint CodeQL

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 github

Check the package on npm

Contributors

Quentin MOREL :

GitHub contributors