A simple React App that plays Public Domain TV shows and integrates with Twitch Chat for the controls.

Overview

Public Domain Television for Twitch

This application plays movies from Public Domain Movies The current version is only used to play Cartoons, but can easily be modified to play any category or list of mp4s.

It integrates with TwitchTV using the TMI JS library.

Built live on Ravavyr's channel

Built with React Font for the channel is Atomic Age Static sound used is from FreeSound

Images used were grabbed from the internet or created by Sky. If you want to claim ownership of one or dispute it, reach out to Ravavyr.

Setup

Start by running the following:

npm install

npm run start

Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.

TV Controls

In the browser users can control the TV by:

  • clicking the top dial turns it on and off
  • clicking the second dial increases the channel, but only if the top dial is in the "on" state.
  • No additional controls are visible for the browser. (They are in the code and can be uncommented to make them visible if you want to use it in the browser only)

Twitch Chat Commands

Users can control the TV with the following commands:

  • !tv on (turns it on to the current channel or 0 if just starting)
  • !tv off (turns it off but remembers current channel)
  • !tv + (goes up one channel)
  • !tv - (goes down one channel)
  • !tv VOL#.# (sets volume to #.# a value between 0.0 and 1.0)
  • !tv CH## (sets channel to ## a value between 0 and the max channel, based on the data loaded into it. The initial example has 10 movies, so 10 channels)
  • !tv pause (paused current movie)
  • !tv play (continues playing current movie)

Special Thanks

The community on Twitch and our discord

You might also like...
Chat - Microsoft Teams Clone build using Chat engine api and React JS
Chat - Microsoft Teams Clone build using Chat engine api and React JS

Chat Application Website - Site deployed here Introduction This is Microsoft Tea

A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.
A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

Iced-Chat A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets. It uses Firebase(from google) for auth. It also uses Chat

a chat application using react chat-engine api

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

This is a chat application where users can chat with people, create posts, save post etc.
This is a chat application where users can chat with people, create posts, save post etc.

Chat Application This is a chat application where users can chat with people, create posts, save post etc. Design inspired by Uchechukwu Ajalam (https

Simple netflix clone using React and TMDB API to pull in movies/tv shows.

Netflix React Clone Simple netflix clone using React and TMDB API to pull in movies/tv shows. Uses Material UI for the frontend. Still a work in progr

Shopping-cart - Simple shopping cart prototype which shows how React components and Redux can be used to build a friendly user experience This app shows all of the Rick and Morty charachters.
This app shows all of the Rick and Morty charachters.

This app shows all of the Rick and Morty charachters.

Weather-App - A Web application shows dynamic weather report using Reactjs and openweather
Weather-App - A Web application shows dynamic weather report using Reactjs and openweather

Screenshots of this project Getting Started with Create React App This project w

The repo shows how to connect your React app to StarkNet

StarkNet.js + Cairo + Hardhat + React This repo shows how to connect your React app to StarkNet. Scripts helper mkdir -p build starknet-compile contra

Owner
Ravavyr
stuff and things
Ravavyr
This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone.

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone. The days of forgetting a task or meeting are no more with ToodleDo app.

Ricardo Salcido 1 Dec 14, 2021
💹💕💕 Interaction is an open-source chat application that allows different people from the world to interact in real time, in either private or public rooms.

interaction Interaction is an open-source chat application that allows different people from the world to interact in real time, in either private or

crispengari 4 Jul 16, 2022
Example using Cypress to test Create-React-App site running with custom certificate for domain "my-secure-site"

cypress-local-https Example using Cypress to test Create-React-App site running with custom certificate for domain "my-secure-site" Read the blog post

Gleb Bahmutov 2 Dec 21, 2021
Chat-app-frontend - A chat app massenger with expressjs and reactjs

Chat App Messenger A chat app messenger with expressjs and reactjs Contact with

Amin Malekzadeh 11 Nov 29, 2022
Hexlet-chat: a simple real-time chat application using react

Hexlet tests and linter status Hexlet-chat study project at hexlet.io Overview H

Aleksandr Chusovitin 2 Nov 27, 2022
Solana File Sharing System is a Decentralised Application which helps you share files to public Anonymously and no one can trace back to you or change the information since all the files and information is store on decentralised network

Solana File Sharing System is a Decentralized Application that helps users share files anonymously and ensure that the files are available at all times on a decentralized network, not tampered with, verifiable, and secure for all parties involved.

Athar Mohammad 6 Nov 13, 2022
Frontend for Reguleque, a search engine for chilean public workers records' as obtained through transparency databases.

Frontend for Reguleque, a search engine for chilean public workers records' as obtained through transparency databases.

América Transparente 3 Dec 15, 2022
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Smile Gupta 24 Jun 20, 2022
A chat application created using React,js and Chat Engine

⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped

Supuni Eleesha Randeniya 1 Dec 15, 2022
A React Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

Chat-Room This is a fully responsive React chat application with social authentication including Google and Facebook using Firebase online statuses, g

Arindam Goswami 5 Sep 8, 2022