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

Video stream ascii which transform a webcam video to ascii art
https://github.com/im-rises/video-stream-ascii-webcam

ascii camera npm npm-package package react typescript video video-ascii

Last synced: 2 days ago
JSON representation

Video stream ascii which transform a webcam video to ascii art

• Host: GitHub
• URL: https://github.com/im-rises/video-stream-ascii-webcam
• Owner: Im-Rises
• License: mit
• Created: 2023-04-07T06:10:18.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-28T02:31:17.000Z (over 1 year ago)
• Last Synced: 2024-12-25T22:23:32.415Z (about 2 months ago)
• Topics: ascii, camera, npm, npm-package, package, react, typescript, video, video-ascii
• Language: TypeScript
• Homepage: https://im-rises.github.io/video-stream-ascii-webcam/
• Size: 1.82 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# video-stream-ascii-webcam



    

    

    

    

    



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

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



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

[![pages-build-deployment](https://github.com/Im-Rises/video-stream-ascii-webcam/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/Im-Rises/video-stream-ascii-webcam/actions/workflows/pages/pages-build-deployment)

[![Node.js CI](https://github.com/Im-Rises/video-stream-ascii-webcam/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/Im-Rises/video-stream-ascii-webcam/actions/workflows/node.js.yml)

[![ESLint](https://github.com/Im-Rises/video-stream-ascii-webcam/actions/workflows/eslint.yml/badge.svg?branch=main)](https://github.com/Im-Rises/video-stream-ascii-webcam/actions/workflows/eslint.yml)

[![CodeQL](https://github.com/Im-Rises/video-stream-ascii-webcam/actions/workflows/codeql.yml/badge.svg?branch=main)](https://github.com/Im-Rises/video-stream-ascii-webcam/actions/workflows/codeql.yml)

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:  

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