Do you wanna improve your Twitch chat interactivity? Hold my beer.

Related tags

Learning resource opentwitch
Overview

OpenTwitch

Badge

🇧🇷 O que é a OpenTwitch?

A OpenTwitch é uma aplicação NodeJS desenvolvida ao vivo na twitch com o objetivo principal de fazer uma solução colaborativa para streamers da Twitch. Saiba mais sobre toda a estrutura pensada/desenvolvida na nossa wiki

Dependências

⚠️ Node
⚠️ Twitch Developers App
⚠️ Spotify Premium Account
⚠️ Spotify Developers App

Instalação

Passo a passo aqui
Após instalado, eu recomendo fortemente que você adicione a pasta src/jsons no seu arquivo .gitignore pois estes arquivos contém informações sensíveis.

Recursos

Integração com o chat da Twitch

Com esse recurso, podemos integrar o bate-papo do seu canal da Twitch com nosso aplicativo para ler comandos e resgates de recompensas na loja da stream. A biblioteca escolhida foi a Twurple, que foi confusa de entender à primeira vista, mas funciona bem.

Integração Spotify

Esta é a cereja do bolo. Com esse recurso, seus espectadores podem adicionar músicas ao dispositivo Spotify fornecido em que você está ouvindo músicas. Os espectadores também podem votar para manter ou pular a música atual. Basicamente, você está passando o controle da playlist de músicas da transmissão ao vivo para o seu público. Fantástico né não?

Testes via CLI

Você pode testar sua integração diretamente no seu console, simplesmente rodando o comando test run+ modulo que gostaria de testar com seus devidos parâmetros. Pra isso é necessário usar algum package manager do NodeJs. Eu particularmente uso o Yarn, então o comando será yarn test run song-list 1, para listar as músicas na playlist atual no ponto de vista do usuário de ID 1. Veja os testes possíveis neste link

Problemas conhecidos

  • Há muita refatoração a ser feita ainda. Fique a vontade em sugerir melhorias de código e enviar uma nova pull request caso julgue que sua alteração beneficiará o desempenho do código fonte.
  • O código tem os retornos apenas em português. Você pode criar um helper para tradução, lendo a informação do idioma escolhido do arquivo .env.


Aproveite!

Made with 💜 by Jhonatan and oNinjaDev Community

🇺🇸 What is OpenTwitch?

It is an NodeJS application developed live at twitch with the main purpose of make a collaborative sollution for Twitch streamers. Learn more about the whole structure thought/developed at our wiki

Dependencies

⚠️ Node
⚠️ Twitch Developers App
⚠️ Spotify Premium Account
⚠️ Spotify Developers App

Installation

Step by step here
After install, I strongly recommend you to add the src/jsons folder to your .gitignore because most of its files are used to store sensitive information.

Resources

Twitch Chat Integration

With this feature, we are able to integrate your Twitch channel chat with our application in order to read commands and reward redemptions at your Twitch's stream store. The chosen library was Twurple, which was messy to understand at the first glance but it works fine.

Spotify Integration

This is the cake's cherry. With this feature, your viewers can add songs to the provided Spotify device you're listening songs at. Viewers can also vote for keep or skip the current playing song. Basically you are passing the livestream songs playlist control to your audience. Fantastic innit?

Tests via CLI

You can test your integration directly in your console, simply by running the command test run+ module that you would like to test with its proper parameters. For that it is necessary to use some package manager of NodeJs. I particularly use Yarn, so the command will be yarn test run song-list 1, to list the songs in the current playlist from user ID 1 point of view. See the possible tests at this link

Known Issues

  • There's a lot of refactoring to be made. Feel free to sugest any code improvements and to send a new pull request in case you see your modifications can benefit the source code performance.
  • The code has returns only in Portuguese. You can create a translation helper by reading the chosen language information from the .env file.


Open source licensing info

  1. TERMS
  2. LICENSE
  3. CFPB Source Code Policy



Enjoy!

Made with 💜 by Jhonatan and oNinjaDev Community
You might also like...

The Chat'Inn is a simple and minimal realtime chat application whose database is powered by firebase and firestore.

The Chat-in The Chat'Inn is a simple and minimal realtime chat application whose database is powered by firebase and firestore. The frontend part is c

Aug 8, 2022

O Web-Chat é um projeto com o intuito de criar um chat de ajuda, que contém uma experiência dinâmica e salva as informações preenchidas pelo usuário usando um formulário.

O Web-Chat é um projeto com o intuito de criar um chat de ajuda, que contém uma experiência dinâmica e salva as informações preenchidas pelo usuário usando um formulário.

Web-Chat Introdução O Web-Chat é um projeto com o intuito de criar um chat de ajuda, que contém uma experiência dinâmica e salva as informações preenc

Oct 5, 2022

Tools to help you improve performance of your Vue application.

Tools to help you improve performance of your Vue application.

Why did you update Tools to help you improve performance of your Vue application. Usage If we want to know how many times that (one of or all of) watc

Nov 3, 2022

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

Warm Up 🔥 👨‍💻 A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snipp

Dec 12, 2022

This repo is a collection of code samples and links to previous twitch live stream sessions. If you have any ideas or suggestions for future episodes, feel free to open an issue.

Talk DEV to me Talk DEV to me is a monthly show on twitch.tv/aws hosted by Tiago Barbosa and Alex Melnyk, where we invite customers, partners, or Amaz

Jan 6, 2023

Open Source projects are a project to improve your JavaScript knowledge with JavaScript documentation, design patterns, books, playlists.

Open Source projects are a project to improve your JavaScript knowledge with JavaScript documentation, design patterns, books, playlists.

It is a project I am trying to list the repos that have received thousands of stars on Github and deemed useful by the JavaScript community. It's a gi

Aug 14, 2022

This Plugin adds shortcodes with various prewritten phrases to improve quality and productivity of your writing.

Obsidian Phrasebank This Plugin adds shortcodes with various prewritten phrases to improve quality and productivity of your writing. Example :intro_pr

Jan 1, 2023

✨ An Eslint config to improve your code

eslint-config-descartes ✨ An Eslint config to improve your code by Descartes Team How to use? 1 - Install Eslint npm instal eslint-config-descartes es

Dec 21, 2022

A devtool improve your pakage manager use experience no more care about what package manager is this repo use; one line, try all.

pi A devtool improve your pakage manager use experience no more care about what package manager is this repo use; one line, try all. Stargazers over t

Nov 1, 2022
Comments
  • [fix]: auto-fix from deepsource.io

    [fix]: auto-fix from deepsource.io

    From https://deepsource.io/gh/the-eduardo/opentwitch/issues?category=recommended&page=1

    Merged two auto-fix from:

    • https://github.com/the-eduardo/opentwitch/pull/1
    • https://github.com/the-eduardo/opentwitch/pull/2

    Extras:

    • Added files from the Wiki https://github.com/jhonatanjunio/opentwitch/wiki
    • (it shouldn't be here, but I couldn't "unselect" it before creating the Pull Request)
    opened by the-eduardo 2
  • Fix/1 deepsource

    Fix/1 deepsource

    Moving some JSDoc to TypeScript. This was 'fixed' by a bot, then it is reverted now. Additions

    General code identation

    Changes

    Changing JSDoc function signature to TS type.
    opened by jhonatanjunio 1
  • Create CODE_OF_CONDUCT.md

    Create CODE_OF_CONDUCT.md

    [Short description explaining the high-level reason for the pull request]

    Additions

    Removals

    Changes

    Testing

    Screenshots

    Notes

    Todos

    Checklist

    • [ ] PR has an informative and human-readable title
    • [ ] Changes are limited to a single goal (no scope creep)
    • [ ] Code can be automatically merged (no conflicts)
    • [ ] Code follows the standards laid out in the development playbook
    • [ ] Passes all existing automated tests
    • [ ] Any change in functionality is tested
    • [ ] New functions are documented (with a description, list of inputs, and expected output)
    • [ ] Placeholder code is flagged / future todos are captured in comments
    • [ ] Visually tested in supported browsers and devices (see checklist below :point_down:)
    • [ ] Project documentation has been updated (including the "Unreleased" section of the CHANGELOG)
    • [ ] Reviewers requested with the Reviewers tool :arrow_right:

    Testing checklist

    Browsers

    • [ ] Chrome
    • [ ] Firefox
    • [ ] Safari
    • [ ] Internet Explorer 8, 9, 10, and 11
    • [ ] Edge
    • [ ] iOS Safari
    • [ ] Chrome for Android

    Accessibility

    • [ ] Keyboard friendly
    • [ ] Screen reader friendly

    Other

    • [ ] Is useable without CSS
    • [ ] Is useable without JS
    • [ ] Flexible from small to large screens
    • [ ] No linting errors or warnings
    • [ ] JavaScript tests are passing
    opened by jhonatanjunio 1
  • Upgrade CodeSee workflow to version 2

    Upgrade CodeSee workflow to version 2

    CodeSee is a code visibility platform.

    This change updates the CodeSee workflow file to the latest version for security, maintenance, and support improvements (see changelog below).

    That workflow file:

    • runs CodeSee's code analysis on every PR push and merge
    • uploads that analysis to CodeSee.
    • It does not transmit your code.

    The code analysis is used to generate maps and insights about this codebase.

    CodeSee workflow changelog:

    • Improved security: Updates permission to be read-only.
    • Improved future maintenance: Replaces the body of the workflow with a single github action: codesee-action. This makes it significantly easier for CodeSee to introduce future improvements and fixes without requiring another PR like this.
    • Improved Python support: The action now properly supports Python 3.11, and will continue to support new Python versions as they are released.
    opened by codesee-maps[bot] 1
Owner
Jhonatan Junio
Jhonatan Junio
GitHub
Do you wanna watch "Bad Apple!!" on your vim/neovim?

bad-apple.vim Let's watch Bad Apple!! on your vim/neovim! BadAppleVimShort.mov https://youtu.be/XezoLvr1dX0 Required denops.vim https://github.com/vim

Ryotaro 14 Dec 28, 2022
automatic poits grabber for twitch, works with all supported langauges on twitch

Twitch Points Grabber It’s an extension for edge, is aviable in the microsoft Edge Add-ons. This extension will collect any channel points. Settings I

Claudio Menegotto 3 Nov 28, 2022
You view the Twitch channel chat and you can access the details of the users who wrote during the viewing period.

Twitch Chat Web Page You view the Twitch channel chat and you can access the details of the users who wrote during the viewing period. Getting Started

Mert 6 Dec 13, 2022
Relaxer-Javascript - A relaxing breathing app with a visual director to tell you when to breathe in, hold and breathe out

Relaxer-Javascript A relaxing breathing app with a visual director to tell you w

Tarokh Mohammadi 1 Feb 8, 2022
Search/Filter beer for beerpong

Beer for Beerpong ?? You can search beer to play beer pong ?? ?? You sink it, they drink it LINK Technologies ?? React React Router Dom Beer Animation

Merve Karabulut 11 Feb 24, 2022
A simple handle tap and hold action for Svelte/SvelteKit.

Svelte Tap Hold Minimalistic tap and hold component for Svelte/SvelteKit, see demo here. Installation // Using Yarn to install yarn add --dev svelte-t

Binsar Dwi Jasuma 9 Dec 8, 2022
Swaps active audio input device in OBS upon twitch chat channel point redemption.

OBS-Mic-Swapper Shortcuts Set up Program Description Example of Functionality FAQ Contact Info Set up Create an account on Twitch for your bot Make su

null 26 Nov 8, 2022
Chat View let's you quickly and easily create elegant Chat UIs in your Markdown Files.

Obsidian Chat View Plugin Chat View let's you quickly and easily create elegant Chat UIs in your Markdown Files. Usage Every chat message must be pref

Adifyr 96 Dec 27, 2022
Omnichannel Live Chat Widget UI Components offers a re-usable component-based library to help create a custom chat widget that can be connected to the Dynamics 365 Customer Service experience.

Omnichannel Live Chat Widget UI Components @microsoft/omnichannel-chat-widget is a React-based UI component library which allows you to build your own

Microsoft 14 Dec 15, 2022
Replaces Youtube Chat with Destiny.gg chat.

A lightweight extension that replaces the native Youtube Live chat with an embeded destiny.gg chat. Note: This is in no way affiliated with Destiny.gg

Daniel Alas 8 Jul 27, 2022