Skip to content

L1L14N-151/Twitch-Chat-Simulator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Sep 27, 2025
778af4c · · Sep 27, 2025

History

2 Commits
Sep 17, 2025
Sep 27, 2025
Sep 27, 2025
Sep 27, 2025
Sep 27, 2025
Sep 27, 2025
Sep 17, 2025
Sep 27, 2025
Sep 27, 2025
Sep 27, 2025
Sep 27, 2025
Sep 27, 2025
Sep 27, 2025
Sep 17, 2025

Repository files navigation

Twitch Chat Simulator

An interactive web-based Twitch chat simulator with advanced customization and video export capabilities.

✨ Features

🎮 Real-time Chat Simulation

  • Adjustable message speed (100ms - 5000ms)
  • Dynamic viewer count multiplier
  • Customizable message content and usernames
  • Emote-only mode for spam simulation

🎨 Customization

  • Badges: Broadcaster, Moderator, VIP, Subscriber, Prime, Turbo, Verified
  • Custom Emotes: Upload and manage your own emotes
  • Custom Badges: Add personalized badges with weight control
  • Themes: Dark and Light mode support
  • Chat Dimensions: Fully adjustable width/height or responsive mode

🤖 Bot Integration

  • Nightbot support with customizable messages
  • Configurable message intervals (5-300 seconds)
  • Automatic bot highlighting and styling

🎬 Video Export

  • Formats: WebM (fast) or MP4 (universal compatibility)
  • Quality: Low (480p), Medium (720p), High (1080p)
  • Duration: 10s to 10min custom duration
  • Crop to Chat: Export only the chat window without background
  • Real-time progress tracking

💾 Persistence

  • All settings saved locally
  • Preset scenarios (Gaming Stream, Just Chatting, etc.)
  • Custom settings preservation

🚀 Quick Start

  1. Visit the live demo
  2. Adjust chat settings in the control panel
  3. Click "Start" to begin simulation
  4. Export video when ready

🛠️ Technologies

  • Pure JavaScript (no frameworks)
  • Canvas API for video rendering
  • MediaRecorder API for video capture
  • LocalStorage for settings persistence

📱 Browser Support

  • Chrome/Edge: Full support (WebM + MP4)
  • Firefox: WebM export only (MP4 conversion may fail)
  • Safari: Limited video export (WebM only)

🎯 Use Cases

  • Stream overlay testing
  • Content creation
  • Chat reaction videos
  • Streaming tutorials
  • UI/UX demonstrations

📄 License

MIT License - Free for personal and commercial use


Made with 💜 for the streaming community