x stream Chat a project by kyon

browser ext for x to extract live stream details

live streaming on x was becoming popular, but the experience didn’t feel complete

this annoyed me so much that i got distracted from my oai-waifu project.

see the thing was x streams didn’t have live chat embeddings like twitch does, you had to show their popup chat dialog window inside your stream.

it’s a browser window on a stream, it’s ugly

you need chat, viewcount, reactions, obs integration, etc etc

so obviously we have to fix that.

2024-10-03

2024-10-03

thoughts:

• show user greenlight if it’s on and connected
• show/hide pfp or username or handle
• font (size, name, styling)

2024-10-03

pfp and verified status not fetched, i want everything on screen to get fetched so user can choose what they want to display (via ext options)

2024-10-04

2024-10-04

took me a day, but we’re finally done! v1 source code in next tweet.

feel free to add more features and contribute, glhf

2024-10-04

src: https://github.com/kyon-eth/x-stream-chat

pending features:

• font styles via extension popup
• publish on browser extension stores

2024-10-07

you really have to understand the context for this to happen (check linked post)

i was running low on motivation (it’s a browser ext, they’re boring) so i picked up imaginary twitter beef to give me enough dopamine to cross the finish line.

• learned how to use capcut
• made 10 distinct themes for the chat
• rendered 40s of video in browser
• overlay chat dialogues in css + html
• time synced via vanilla js

all for what? turns out my opponent was vegetarian

2024-10-07

added 10+ styles

moving on to other projects, feel free to contribute.

repo here: https://github.com/kyon-eth/x-stream-chat

2024-10-17

i rawdogged html, css + vanilla js to make this stream btw

• chat + view count is via my x-stream extension
• wrote a performant video to ascii converter to run in real time
• browser window -> obs

never kill yourself