Code Monkey home page Code Monkey logo

chatur's Introduction

Logotype

Chatur

Youtube on screen live chat with flexible settings runs on Node.js runtime (TypeScript).

Installation

  1. To run youtube live chat application first step what you have to do - install the Node.JS

  2. Unpack all project files somewhere and open console/terminal from directory the enter npm install

  3. Then launch app by using npm start

  4. Open chat settings panel in http://127.0.0.1:3000/

  5. Insert into your OBS Browser Source http://127.0.0.1:3000/chat

Third-party

TubeChat - for Youtube live chat interaction by @zacksb

License

Application under MIT license
Copyright (c) 2024-present, Evstegneev (fet1sov) Konstantin

chatur's People

Contributors

fet1sov avatar

Watchers

 avatar

chatur's Issues

EMOJI Provider: Integrate the 7TV emoji provider

Make the integration of the 7TV emoji provider and replace the words on the 7TV emojies.
Cache the emoji name and search for less server requests punches.
Update cached emoji list every application restart

I didn't found any docs, probably project is no docs provided yet on theirs GraphQL API. Anyways gql allows get all methods which can be used in integration process.
API Endpoints:
https://7tv.io/v3/gql

CI/CD: Reconfigure workflows for Electron builds

Description

Reconfigure all workflows for Electron build and release, make build workflow for all platforms such as windows, linux and etc.
Configure release workflow when somebody pushes the merge in production branch, then add tag and release it on github repository.

List of functionality requirements

  • Configure the build workflow
    • Add process with electron application build
    • Add process with artifact uploading when build is succesfully done
  • Configure the release workflow
    • Make it only for production branch
    • When somebody merges into production make the release which change the version number
    • Release everything under version on github repository

STANDALONE: Make a standalone app

Description

Use the Electron forge to make web settings interface as standalone app. It make less pain user to launch the application.
Inside settings show which link user should copy & paste inside the OBS

List of functionality requirements

  • Configure the electron forge
    • Configure the build process on electron
    • Make a first release with standalone app

BADGES: Make system of user badges

Description

Every user want's to have ability to customize his own profile.
Make a system of user badges and user nickname color with expiration date
Make a category inside the settings panel which allows link badge and nick color by using channel id.

List of functionality requirements

Backend

  • Connect the SQLite and PostgreSQL library to the project
    • Create table inside database called profiles with fields:
      • id as PRIMARY KEY
      • yt_channel_id as TEXT (Youtube channel id)
      • badge_name as TEXT (Semantic name of channel badge)
      • user_color as TEXT (HEX color of user nickname)
    • Create class which stores data from database and caches it for a session
    • Check every message does have user a badge or nickname color
    • Show user message with badge and color from database
    • Don't show expired nickname and badges

Frontend

  • Markdown the category with users where user can flexible configure the user badge, nickname color, expiration date (allow do the never expiration)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.