Website to display chats and gifts in realtime from your TikTok LIVE stream. Demo project for TikTok-Live-Connector library.

Overview

TikTok-Chat-Reader

A chat reader for TikTok LIVE utilizing TikTok-Live-Connector and Socket.IO to forward the data to the client. This demo project uses the unofficial TikTok API to retrieve chat comments, gifts and other events from TikTok LIVE.

Demo: https://tiktok-chat-reader.zerody.one/

Installation

To run the chat reader locally, follow these steps:

  1. Install Node.js on your system
  2. Clone this repository or download and extract this ZIP file
  3. Open a console/terminal in the root directory of the project
  4. Enter npm i to install all required dependencies
  5. Enter node server.js to start the application server

Now you should see the following message: Server running! Please visit http://localhost:8091
Simply open http://localhost:8091/ in your browser. Thats it.

If you have problems with Node.js, you can also just open the index.html from the public folder.
This will use the server backend of the demo site, which is sufficient for testing purposes. If you want to offer it to others or make many connections at the same time, please consider using your own server.

Screenshot

TikTok LIVE Chat Reader (Demo)

Comments
  • Error While Connecting

    Error While Connecting

    I got this error while trying to run the chat reader locally, what should I do?

    New connection from origin http://localhost:8081/ WRAPPER @@rrpas: Error event triggered: Error while connecting, Error: Missing cursor in initial fetch response. { info: 'Error while connecting', exception: Error: Missing cursor in initial fetch response. at WebcastPushConnection._fetchRoomData2 (D:\Downloads\tiktok\TikTok-Chat-Reader-main\node_modules\tiktok-live-connector\dist\index.js:503:11) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async WebcastPushConnection.connect (D:\Downloads\tiktok\TikTok-Chat-Reader-main\node_modules\tiktok-live-connector\dist\index.js:268:7) } WRAPPER @@rrpas: Connection failed, Error: Missing cursor in initial fetch response.

    opened by nortbird 2
  • error connecting

    error connecting

    Seeing this error:

    Error: Failed to sign request: Request failed with status code 502; URL: https://webcast.tiktok.com/webcast/im/fetch/?aid=1988&app_language=en-US&app_name=tiktok_web&browser_language=en&browser_name=Mozilla&browser_online=true&browser_platform=Win32&browser_version=5.0+%28Windows+NT+10.0%3B+Win64%3B+x64%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Chrome%2F102.0.5005.63+Safari%2F537.36&cookie_enabled=true&cursor=&internal_ext=&device_platform=web&focus_state=true&from_page=user&history_len=4&is_fullscreen=false&is_page_visible=true&did_rule=3&fetch_rule=1&identity=audience&last_rtt=0&live_id=12&resp_content_type=protobuf&screen_height=1152&screen_width=2048&tz_name=Europe%2FBerlin&referer=https%3A%2F%2Fwww.tiktok.com%2F&root_referer=https%3A%2F%2Fwww.tiktok.com%2F&version_code=180800&webcast_sdk_version=1.3.0&update_version_code=1.3.0&room_id=7136009840035433262

    opened by eljonny 1
  • connect server with nextJs

    connect server with nextJs

    hello bro , thank you for this great repo , I'm so new with backend stuff , and I'm just wondering , is there any possible way to connect my front-end (nextJS) with the server you create , I mean instead of reader static file from express just provide an endpoint where i can use it for my implementation at front-end , thanks again .

    opened by Faris-abukhader 1
  • [Bug] Failed to retrieve room_id

    [Bug] Failed to retrieve room_id

    When trying to connect to anyone, https://tiktok-chat.herokuapp.com/ says:

    Error: Failed to retrieve room_id from page source. mainPageHtml.match is not a function

    opened by viksra 0
  • Feature Request - Write chat to log file

    Feature Request - Write chat to log file

    Hello, I was wondering is there any chance that there could be an additional feature? Whilst the tool is running is it able to write into a log file?

    Or if anyone can share me the code I need to add to make this work. Much Appreciated

    Many thanks

    opened by CGJoe-code 0
  • Error: Failed to sign request: Request failed with status code 429

    Error: Failed to sign request: Request failed with status code 429

    Since a few hours, the live demo is not working anymore, I get

    Error: Failed to sign request: Request failed with status code 429

    Is there anything can be done to fix it?

    Thanks a lot!

    opened by vioan 5
  • connecting but not showing anything

    connecting but not showing anything

    Hi,

    it seems that since a few hours the demo app is not working anymore. It seems connecting but is not showing anything as messages, gifts, likes, ...

    Thanks!

    opened by vioan 21
  • [FEATURE REQUEST] Read certain comments out loud

    [FEATURE REQUEST] Read certain comments out loud

    So if I were doing a TikTok LIVE where I was drawing/doing art, it would be nice to be able to concentrate on my art without having to check the comments all the time. Would be cool if this project could read certain comments out loud so I could hear them without looking up from my drawing?

    This is an amazing project. Thank you for sharing 🙏

    opened by dataflownow 0
Owner
David
Developer & Web Security Researcher ~ Discord: ZerodyOne#4779 ~ hackerone.com/zerody ❤'">
David
Simple realtime chat application made by NodeJS, Express, Socket.io and Vanilla Javascript. This project is made to discover socket.io and understand its basic features.

LearnByChat App Simple realtime chat application made with NodeJS, Express, Socket.io and Vanilla Javascript. This project is made to discover socket.

Ayoub Saouidi 1 Dec 19, 2021
SpaceChat - a realtime chat app that allows you to chat with your friends in pairs as well as in groups

A socket.io based real time chat app where you can perform one-to-one chats as well as group chats! Built using MERN stack, this project implements all core functionalities like User Authentication, Web Sockets, CRUD Operations, Routing and much more!

Ishant Chauhan 11 Aug 1, 2022
Socket.io-Express - A simple express project to learn how to use socket.io.

Socket.io Express A simple express project to learn how to use socket.io ✨ ?? Simple project This is a small project that has been designed to be usab

Zerio 6 Sep 25, 2022
Redux Remote is a high level networking library for Redux.

Redux Remote Redux Remote is a high level networking library for Redux. It runs Redux on both client and server, maintaining the same state. It allows

Simon Zhang 2 Jan 30, 2022
JavaScript library that adds a 'read more' functionality on the text blocks that is applied to.

ReadMore.js JavaScript library that adds a 'Read more/less' functionality on the text blocks that is applied to. API & Usage // Initialise var destroy

George Raptis 29 Oct 14, 2022
This Repository implements an Authenticated Websocket Server built in Node Js along ws library.

websockets-authentication-server This Repository implements an Authenticated Websocket Server built in Node Js along ws library. Features Authenticate

M.Abdullah Ch 7 May 5, 2023
soketi is your simple, fast, and resilient open-source WebSockets server

soketi soketi is your simple, fast, and resilient open-source WebSockets server. ?? Blazing fast speed ⚡ The server is built on top of uWebSockets.js

Soketi 3.2k Jan 4, 2023
Chat with your gpg contacts without leaving the terminal

chatty GPG encrypted, ephemeral, real time chatting in the terminal Features End to end encrypted Passwordless Real time vim like keybindings Requirem

Navdeep Saini 33 Jun 7, 2022
Simple to use, blazing fast and thoroughly tested WebSocket client and server for Node.js

ws: a Node.js WebSocket library ws is a simple to use, blazing fast, and thoroughly tested WebSocket client and server implementation. Passes the quit

WebSockets 19.2k Jan 4, 2023
A node.js module for websocket server and client

Nodejs Websocket A nodejs module for websocket server and client How to use it Install with npm install nodejs-websocket or put all files in a folder

Guilherme Souza 719 Dec 13, 2022
Standards-compliant WebSocket client and server

faye-websocket This is a general-purpose WebSocket implementation extracted from the Faye project. It provides classes for easily building WebSocket s

null 588 Dec 23, 2022
Lightweight WebSocket lib with socket.io-like event handling, requests, and channels

ws-wrapper Lightweight and isomorphic Web Socket lib with socket.io-like event handling, Promise-based requests, and channels. What? Much like Socket.

Blake Miner 70 Dec 23, 2022
JSON-RPC 2.0 implementation over WebSockets for Node.js and JavaScript/TypeScript

WebSockets for Node.js and JavaScript/TypeScript with JSON RPC 2.0 support on top. About The rpc-websockets library enables developers to easily imple

Elpheria 482 Dec 21, 2022
simple chat app created with nextjs, express, tailwindcss, and WebSockets

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Erfan Hanifezade 10 Sep 10, 2022
Create a Real-time Chat App using React and Socket.io

React And Socket.io ChatApp MIT Licence MIT License Copyright (c) 2021 Ali Ahmad Permission is hereby granted, free of charge, to any person obtaining

Ali Ahmad 2 Jan 10, 2022
A simple web app that people can chat and send images into.

Typsnd Typsnd. Type, send. It's as simple as that. Typsnd is a simple web app that people can chat and send images into. It is based on Express.JS, No

null 10 Nov 10, 2022
An example about web socket with .net 3.1 and react

Websocket Example This is a real time app example which is using web socket, dot net core and react. Project Case You are a factory manager and you ha

Samet Yazıcı 5 Jan 11, 2022
Full-Stack Instgram Clone using MERN Stack and Socket.io

Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now ?? ??️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S

Jigar Sable 326 Dec 27, 2022
WebRTC based peer to peer video calling and messaging web app build with MERN stack.

talkhouse WebRTC based peer to peer video calling and messaging web app build with MERN stack. Demo Libraries used React for frontend Socket.io as sig

Saalik Mubeen 70 Nov 26, 2022