Seamless Stream Integration

One of HeheChat's greatest strengths is how easily it integrates with your existing streaming setup. Whether you're using OBS Studio, Streamlabs, XSplit, or any other broadcasting software, HeheChat works seamlessly as part of your production. Let's explore how to add HeheChat's powerful features to your stream.

Browser Source Integration

HeheChat uses browser sources—the same technology that powers most modern stream overlays—to display alerts and other visual elements on your stream.

Setting Up Alerts in OBS Studio

  1. In HeheChat, go to Settings > Stream Integration
  2. Copy the provided Browser Source URL for alerts
  3. In OBS, add a new Browser Source
  4. Paste the URL and set dimensions (recommended: 1920x1080)
  5. Configure the source properties (transparent background, etc.)
  6. Position the alerts where you want them to appear

OBS Integration

Audio Settings

For the best audio experience with alerts:

  1. In HeheChat Settings, enable "Browser Source Audio"
  2. In your broadcasting software, ensure the browser source's audio monitoring is enabled
  3. Test your alerts to verify audio levels match your stream's overall audio

Video Player Integration

HeheChat includes a Twitch video player that can be useful for various streaming scenarios:

  • Monitoring your own stream with minimal delay
  • Watching another channel as part of a reaction stream
  • Keeping an eye on events you're co-streaming

To add the video player to your broadcast:

  1. Set up a window capture or display capture of the HeheChat video player
  2. Use the quality settings to balance performance and visual quality
  3. Consider using Studio Mode in OBS to preview before adding to your live output

Mobile and IRL Streaming Integration

For IRL streamers, HeheChat offers specialized integration options:

  • Lightweight browser sources optimized for mobile streaming apps
  • Audio-only alert mode for situations where screen space is limited
  • Battery optimization settings for extended mobile broadcasts

Advanced Stream Elements

Beyond basic alerts, HeheChat can add these powerful elements to your stream:

Viewer Count and Stream Info

Add live viewer counts, stream uptime, and other stats:

  1. Enable "Stream Info Display" in HeheChat settings
  2. Add the provided Stream Info browser source to your broadcasting software
  3. Customize the appearance in HeheChat's style settings

Chat Display

Show your Twitch chat directly on stream with these steps:

  1. Configure the chat display options in HeheChat
  2. Enable "Stream Chat View" in settings
  3. Add the Chat View browser source to your broadcast
  4. Adjust opacity, size, and position to match your stream layout

Poll and Prediction Display

Make community interactions more visible on your stream:

  1. Enable "Poll & Prediction Display" in settings
  2. Add the corresponding browser source to your broadcast
  3. Polls and predictions will automatically appear when active

Keyboard Shortcuts for Streamers

HeheChat's keyboard shortcut system helps you manage your stream without interruption:

  1. Go to Settings > Shortcuts
  2. Configure custom shortcuts for common actions:
    • Triggering manual alerts
    • Hiding/showing elements
    • Quickly switching profiles
    • Managing polls and predictions

Multi-PC Streaming Setups

If you use a dual-PC setup for streaming, HeheChat works across your entire system:

  • Run HeheChat on your gaming PC for low-latency control
  • Add browser sources to your streaming PC
  • Use HeheChat's network settings to ensure both machines communicate properly

Testing Your Integration

Before going live, thoroughly test your HeheChat integration:

  1. Use the "Test Alert" buttons in HeheChat settings
  2. Verify visual elements appear correctly on your stream output
  3. Check audio levels for TTS and alert sounds
  4. Test keyboard shortcuts during a stream rehearsal

Common Integration Issues and Solutions

Alert Not Appearing?

  • Verify the browser source URL is correct and updated
  • Check if alerts are enabled in your current profile
  • Refresh the browser source in your streaming software

Audio Problems?

  • Ensure browser source audio monitoring is enabled
  • Check if the browser source is muted in your streaming software
  • Verify HeheChat's volume settings are appropriate

With proper integration, HeheChat becomes an invisible but powerful part of your streaming workflow, enhancing your broadcast and helping you create a more professional and engaging experience for your viewers.

In our next guide, we'll cover HeheChat's moderator tools and how they can help you maintain a positive community.