Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/im-rises/video-stream-ascii-player-tauri

Video stream to ASCII art video stream package in React Typescript build for desktop with Tauri
https://github.com/im-rises/video-stream-ascii-player-tauri

ascii ascii-art camera dekstop-app javascript npm npm-package package react tauri typescript video video-ascii

Last synced: 28 days ago
JSON representation

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

Awesome Lists containing this project

README

        

# 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](https://im-rises.github.io/video-stream-ascii-player/) 🚀🚀

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 package is published on npm](https://www.npmjs.com/package/video-stream-ascii) 🚀🚀

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](https://github.com/Im-Rises/video-stream-ascii).

## Screenshots

screenshot

## Installation

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

[![windows](https://img.shields.io/badge/Windows-0078D6?style=for-the-badge&logo=windows&logoColor=white)](https://github.com/Im-Rises/video-stream-ascii-player-tauri/releases/latest)
[![linux](https://img.shields.io/badge/Linux-FCC624?style=for-the-badge&logo=linux&logoColor=black)](https://github.com/Im-Rises/video-stream-ascii-player-tauri/releases/latest)
[![macOs](https://img.shields.io/badge/mac%20os-000000?style=for-the-badge&logo=apple&logoColor=white)](https://github.com/Im-Rises/video-stream-ascii-player-tauri/releases/latest)

## 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.

## GitHub Actions

[![Node.js CI](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/node.js.yml/badge.svg)](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/node.js.yml)
[![ESLint](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/eslint.yml/badge.svg)](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/eslint.yml)
[![CodeQL](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/codeql.yml/badge.svg)](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/codeql.yml)
[![Tauri](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/tauri.yml/badge.svg)](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/tauri.yml)
[![tauri publish](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/tauri-publish.yml/badge.svg)](https://github.com/Im-Rises/video-stream-ascii-player-tauri/actions/workflows/tauri-publish.yml)

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:

ESLint:

GitHub gh-pages:

react-webcam:

## Package Links

Check the source code
on [![github](https://user-images.githubusercontent.com/59691442/223556058-6244e346-8117-43cd-97c6-bf68611bf286.svg)](https://github.com/im-rises/video-stream-ascii)

Check the package
on [![npm](https://user-images.githubusercontent.com/59691442/223556055-4e9ef014-79d4-4136-ac07-b837b49066c8.svg)](https://www.npmjs.com/package/video-stream-ascii)

## Contributors

Quentin MOREL :

- @Im-Rises
-

[![GitHub contributors](https://contrib.rocks/image?repo=Im-Rises/video-stream-ascii-player)](https://github.com/Im-Rises/video-stream-ascii-player/graphs/contributors)