Skip to content

Video stream to ASCII art video stream package in React Typescript build for desktop with Tauri

Notifications You must be signed in to change notification settings

Im-Rises/video-stream-ascii-player-tauri

Repository files navigation

video-stream-ascii-player-tauri

javascriptLogo typescriptLogo reactLogo scssLogo cssLogo cssLogo

Description

This is a build version for desktop of the web demo of video-stream-ascii package that stream an input video 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

Installation

The build are available for Windows, Linux and macOS. Click on the link to download the executable below.

windows
linux
macOs

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

Node.js CI ESLint CodeQL Tauri tauri publish

The project is set up to run the following actions:

  • 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.
  • tauri.yml : Runs the Tauri build for the project.
  • tauri-publish.yml : Publish the Tauri build for 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