Documentation

Quick Links

Support & FAQDownload App

Getting Started

Last updated: May 2026•Reading time: 5-10 minutes•Markdown Format

Need More Help?

If you're still having trouble or have specific questions, check out our Support page for FAQs or contact our team directly.

Visit Support PageBack to Home

Related Guides

Advanced Widget Configuration

Learn how to customize interactive widgets for maximum engagement

Performance Optimization

Tips for running Streamingin smoothly on lower-end systems

Creator Store Guide

How to publish and sell your designs in the Creator Store

Troubleshooting Common Issues

Solutions for frequent problems and error messages

StreamingIn Full Documentation

Getting Started with Streamingin

Welcome to Streamingin! This powerful desktop application is designed for TikTok and YouTube streamers to create professional overlays and manage live events.

!Markdown Logo

Installation Steps:

  1. Download the installer from our website
  2. Run the installer (.exe for Windows, .dmg for Mac)
  3. Follow the installation wizard
  4. Launch Streamingin from your desktop or start menu

System Requirements:

Windows:

MacOS:

Network:

First Launch:

When you first open Streamingin, you'll be greeted with:

  1. Welcome Screen with setup options
  2. Quick Start guide for beginners
  3. Dashboard overview
  4. Getting Started tutorials

Next Steps:

After installation, we recommend:

  1. Connect your streaming accounts (TikTok/YouTube)
  2. Explore the Overlay Studio Editor
  3. Try creating your first overlay
  4. Test with OBS or TikTok Live Studio

*Need help? Check our Support Page or join our Discord community!*

Installation & Setup Guide

Complete step-by-step guide for installing Streamingin on Windows and MacOS.

Windows Installation:

Step 1: Download

  1. Visit streamingin.com/download
  2. Click "Download for Windows"
  3. Save the .exe installer file

Step 2: Run Installer

  1. Locate the downloaded file (usually in Downloads folder)
  2. Double-click Streamingin-Setup.exe
  3. If Windows Defender shows a warning, click "More info" → "Run anyway"

Step 3: Installation Wizard

  1. Welcome Screen: Click "Next"
  2. License Agreement: Read and accept terms
  3. Installation Location:
  1. Additional Tasks:
  1. Ready to Install: Click "Install"
  2. Completion: Click "Finish"

Step 4: First Run

  1. Streamingin will launch automatically
  2. You may see a security prompt - allow access
  3. Welcome screen will appear

MacOS Installation:

Step 1: Download

  1. Visit streamingin.com/download
  2. Click "Download for Mac"
  3. Save the .dmg file

Step 2: Mount Disk Image

  1. Open Downloads folder
  2. Double-click Streamingin.dmg
  3. A new window will open showing the Streamingin app

Step 3: Install Application

  1. Drag streamingin.com to the Applications folder
  2. Wait for the copy to complete
  3. Eject the disk image (right-click → Eject)

Step 4: First Run Security

  1. Open Applications folder
  2. Find streamingin.com
  3. Double-click to launch
  4. If you see: "Streamingin can't be opened because it is from an unidentified developer"

Post-Installation Checklist:

Verify Installation:

Common Issues:

Windows:
MacOS:

Uninstallation:

Windows:

  1. Go to Control Panel → Programs → Programs and Features
  2. Find "Streamingin" in the list
  3. Click "Uninstall"
  4. Follow the uninstaller prompts

MacOS:

  1. Open Applications folder
  2. Drag streamingin.com to Trash
  3. Empty Trash to complete removal

Need assistance? Contact our support team at support@streamingin.com

First Launch Guide

What to expect when you first open Streamingin and how to get started quickly.

Welcome Screen:

When you launch Streamingin for the first time, you'll see:

1. Quick Start (Recommended for Beginners)

2. Skip to Dashboard

3. Import Settings

Initial Configuration:

Step 1: Language Selection

Step 2: Storage Location

Step 3: Theme Preferences

Step 4: Account Connection (Optional)

You can connect now or later:

Step 5: Terms & Privacy

Dashboard Overview:

After setup, you'll see the main dashboard:

Left Sidebar:

┌─────────────────┐
│   Dashboard     │ ← Current location
│   Connection    │
│   Overlay Studio│
│   Creator Store │
│   Settings      │
└─────────────────┘

Main Area:

1. Recent Projects
2. Quick Actions
3. Getting Started Cards
4. News & Updates

First Time Recommendations:

Priority 1: Explore Interface

  1. Hover over icons to see tooltips
  2. Try right-click context menus
  3. Check keyboard shortcuts (Ctrl/Cmd + ?)
  4. Resize panels to your preference

Priority 2: Create Test Overlay

  1. Click "New Overlay"
  2. Choose "Blank Portrait" template
  3. Add a text element with your name
  4. Add a simple shape (rectangle/circle)
  5. Export as Browser Source
  6. Test in OBS/TikTok Live Studio

Priority 3: Connect Accounts

  1. Go to Connection Module
  2. Connect one platform first (TikTok recommended)
  3. Test with a short live stream (1-2 minutes)
  4. Verify data is flowing correctly

Common First-Time Issues:

1. Application Crashes

Possible causes:

Solutions:

2. Slow Performance

Possible causes:

Solutions:

3. Missing Features

Possible causes:

Solutions:

Next Steps After Setup:

Day 1: Foundation

Week 1: Exploration

Month 1: Mastery

Getting Help:

Immediate Assistance:

Community Support:

Official Support:

Pro Tip: Don't try to learn everything at once! Focus on one feature per session and build your skills gradually.

System Requirements

Detailed hardware and software requirements for running Streamingin smoothly.

Minimum Requirements:

Windows:

MacOS:

Recommended Requirements:

Windows (Optimal Experience):

MacOS (Optimal Experience):

Detailed Breakdown:

Processor (CPU):

Performance Levels:
│
├── Minimum (Basic Overlays)
│   ├── Intel: Core i5 4th gen
│   ├── AMD: Ryzen 3 1200
│   └── Apple: M1 (base)
│
├── Recommended (Standard Use)
│   ├── Intel: Core i7 10th gen
│   ├── AMD: Ryzen 5 5600X
│   └── Apple: M1 Pro
│
└── Optimal (Complex Overlays)
    ├── Intel: Core i9 12th gen
    ├── AMD: Ryzen 7 5800X
    └── Apple: M2 Max

Memory (RAM):

Usage Breakdown:
├── Application: 500MB-1GB
├── Overlay Rendering: 1-2GB
├── Live Data Processing: 500MB-1GB
├── Operating System: 1-2GB
└── Buffer: 500MB-1GB
Total Recommended: 8GB (16GB for heavy use)

Graphics (GPU):

Importance for:
├── Overlay Rendering: High
├── Browser Source Performance: High
├── Animation Smoothness: Medium
├── UI Responsiveness: Low
└── Encoding/Streaming: Depends on setup


Note: Streamingin uses hardware acceleration when available.


Storage:


File Types and Sizes:


├── Application: 500MB


├── Templates: 100-500MB


├── Media Library: 1GB+ (user dependent)


├── Project Files: 50-200MB each


├── Cache: 200-500MB


└── Logs: 50-100MB




SSD vs HDD:


├── SSD: Faster loading, better performance


└── HDD: Acceptable but may cause delays


Network Requirements:


For Streaming:


Bitrate Recommendations:


├── 720p @ 30fps: 3-5 Mbps upload


├── 1080p @ 30fps: 5-8 Mbps upload


├── 1080p @ 60fps: 8-12 Mbps upload


└── 4K @ 30fps: 15-25 Mbps upload




Stability: More important than raw speed!


For Application Features:


Data Usage:


├── Account Connection: Minimal (OAuth)


├── Live Data: 50-200 Kbps


├── Template Downloads: 1-10 MB each


├── Updates: 50-200 MB per version


└── Cloud Sync: Optional, varies


Platform-Specific Notes:


Windows:



MacOS:



Performance Optimization:


For Lower-End Systems:


    

  1. Reduce Overlay Complexity:
    2. 




    

  1. Application Settings:
    2. 




    

  1. System Settings:
    2. 




For High-End Systems:


    

  1. Enable All Features:
    2. 




    

  1. Multi-Tasking:
    2. 




Compatibility Notes:


Supported Browsers (for Browser Source):



Streaming Software Compatibility:



Operating System Limitations:



Troubleshooting Performance Issues:


Diagnostic Tools:


    

  1. In-app Performance Monitor:
    2. 




    

  1. System Diagnostics:
    2. 




Common Solutions:



Future Requirements:


Planned Updates (Next 6 Months):



Deprecation Schedule:



Note: These requirements are subject to change. Always check the latest documentation before upgrading or purchasing new hardware.


Connecting to TikTok Live


Complete guide for connecting Streamingin to your TikTok Live streams.


Prerequisites:


Before connecting, ensure you have:



Step-by-Step Connection:


Step 1: Open Connection Module


    

  1. Launch Streamingin
    2. 

  2. Click on "Connection" module in the sidebar
    3. 

  3. Select "TikTok Live" tab
    4. 



Step 2: Authentication


    

  1. Click "Connect to TikTok" button
    2. 

  2. A browser window will open to TikTok's OAuth page
    3. 

  3. Log in with your TikTok credentials
    4. 

  4. Grant the following permissions:
    5. 




Step 3: Account Selection


    

  1. If you manage multiple accounts, select the one you want to use
    2. 

  2. Choose the appropriate live room (if multiple are available)
    3. 

  3. Click "Authorize" to complete the connection
    4. 



Step 4: Verification


    

  1. Return to Streamingin
    2. 

  2. You should see:
    3. 




Features Available:


Real-time Monitoring:



Interactive Widgets:



Recording & Analytics:



Connection Settings:


Advanced Options:


Connection Settings:


  Auto-reconnect: Enabled


  Reconnect delay: 5 seconds


  Data refresh rate: 1 second


  Chat history: Last 100 messages


  Gift threshold: All gifts


Notification Preferences:



Troubleshooting:


Common Issues:


1. Authentication Failed


Symptoms: Can't log in, OAuth errors


Solutions:



2. Connection Drops


Symptoms: Frequent disconnections


Solutions:



3. No Data Received


Symptoms: Connected but no chat/gift data


Solutions:



4. Delay/Lag


Symptoms: Data appears with delay


Solutions:



Best Practices:


Before Going Live:


    

  1. Test connection 30 minutes before stream
    2. 

  2. Verify all widgets are working correctly
    3. 

  3. Check overlay positioning in OBS/TikTok Live Studio
    4. 

  4. Have backup plan in case of connection issues
    5. 



During Stream:


    

  1. Monitor connection status in Streamingin dashboard
    2. 

  2. Keep Streamingin running in background
    3. 

  3. Save event logs regularly
    4. 

  4. Engage with interactive widgets
    5. 



After Stream:


    

  1. Export event logs for analysis
    2. 

  2. Review performance metrics
    3. 

  3. Save successful overlay configurations
    4. 

  4. Disconnect properly (don't just close app)
    5. 



Security & Privacy:


Data Handling:



Permissions Explained:



Pro Tip: For best results, keep both Streamingin and TikTok app updated to latest versions!


Connecting to YouTube Live


Complete guide for connecting Streamingin to your YouTube Live streams.


Prerequisites:


Before connecting, ensure you have:



Step-by-Step Connection:


Step 1: Open Connection Module


    

  1. Launch Streamingin
    2. 

  2. Click on "Connection" module in the sidebar
    3. 

  3. Select "YouTube Live" tab
    4. 



Step 2: Authentication


    

  1. Click "Connect to YouTube" button
    2. 

  2. A browser window will open to Google's OAuth page
    3. 

  3. Log in with your Google account
    4. 

  4. Select the YouTube channel you want to use
    5. 

  5. Grant the following permissions:
    6. 




Step 3: Channel Selection


    

  1. If you manage multiple channels, select the correct one
    2. 

  2. Choose the appropriate live stream (if multiple are available)
    3. 

  3. Click "Allow" to complete the connection
    4. 



Step 4: Verification


    

  1. Return to Streamingin
    2. 

  2. You should see:
    3. 




Features Available:


Real-time Monitoring:



Interactive Widgets:



YouTube-Specific Features:



Connection Settings:


Advanced Options:


YouTube Connection Settings:


  Auto-reconnect: Enabled


  Reconnect delay: 10 seconds


  Data refresh rate: 2 seconds


  Chat history: Last 200 messages


  Super Chat threshold: $1.00


  Member notifications: All levels


Notification Preferences:



YouTube API Requirements:


Quota Management:


YouTube API has daily quotas. Streamingin optimizes usage:



Quota Tips:



Troubleshooting:


Common Issues:


1. Authentication Failed


Symptoms: Can't log in, OAuth errors


Solutions:



2. Quota Exceeded


Symptoms: "Quota exceeded" errors


Solutions:



3. No Data Received


Symptoms: Connected but no chat/Super Chat data


Solutions:



4. Delay/Lag


Symptoms: Data appears with delay


Solutions:



Best Practices:


Before Going Live:


    

  1. Test connection 1 hour before stream
    2. 

  2. Verify API quota has sufficient points
    3. 

  3. Check all widgets are working correctly
    4. 

  4. Test Super Chat alerts with small amount
    5. 

  5. Have backup plan in case of connection issues
    6. 



During Stream:


    

  1. Monitor connection status in dashboard
    2. 

  2. Watch API quota usage (if near limit)
    3. 

  3. Engage with Super Chat donors
    4. 

  4. Acknowledge new members
    5. 

  5. Save event logs regularly
    6. 



After Stream:


    

  1. Export event logs for analysis
    2. 

  2. Review Super Chat and member data
    3. 

  3. Thank donors (optional integration)
    4. 

  4. Disconnect properly from YouTube
    5. 

  5. Save successful configurations
    6. 



Security & Privacy:


Data Handling:



Permissions Explained:



YouTube vs TikTok Differences:


Key Differences:


Feature — YouTube — TikTok


Donations — Super Chat (paid) — Gifts (virtual)


Memberships — Monthly subscription — Followers only


Chat badges — Member levels — Follower badges


API quota — Limited (10k/day) — More generous


Stream length — Unlimited — 4 hours max


Optimization Tips:



Pro Tip: For best results with YouTube, ensure your channel meets all requirements for live streaming and consider enabling monetization for Super Chat features!


Event Log Recording


Learn how to record and analyze all live stream events for content creation and analytics.


What is Event Logging?


Event Logging captures every interaction during your live streams, creating a comprehensive record that can be used for:



Recorded Event Types:


1. Chat Messages



2. Gifts & Donations



3. Follows & Subscribes



4. Viewer Metrics



5. Stream Events



How to Enable Event Logging:


Step 1: Access Settings


    

  1. Open Streamingin
    2. 

  2. Go to Connection Module
    3. 

  3. Click "Settings" (gear icon)
    4. 

  4. Select "Event Logging" tab
    5. 



Step 2: Configure Logging


Event Logging Configuration:


  Enable logging: ☑ Yes


  Storage location: Documents/Streamingin/Logs/


  Log format: JSON (recommended)


  Auto-start: When stream begins


  Auto-stop: When stream ends


Step 3: Select Events to Record


Check which events to record:



Step 4: Set Storage Options



Using Event Logs:


Immediate Use (During Stream):


    

  1. Real-time Dashboard: See events as they happen
    2. 

  2. Quick Search: Find specific moments
    3. 

  3. Highlight Marking: Tag important events
    4. 

  4. Audience Interaction: Reference past comments
    5. 



Post-Stream Analysis:


    

  1. Export Data: CSV/JSON for external analysis
    2. 

  2. Generate Reports: Automated summary reports
    3. 

  3. Create Highlights: Easy clip creation from logs
    4. 

  4. Audience Insights: Understand viewer behavior
    5. 



Content Creation:


    

  1. VOD Editing: Use timestamps to find best moments
    2. 

  2. Compilation Videos: Gather all gift/follow events
    3. 

  3. Thank You Content: Create personalized thank you messages
    4. 

  4. Community Updates: Share stream statistics
    5. 



Log File Structure:


JSON Format (Example):


{


  "stream_id": "stream_20240516_2030",


  "platform": "tiktok",


  "start_time": "2024-05-16T20:30:00Z",


  "events": [


    {


      "type": "chat",


      "timestamp": "2024-05-16T20:31:15Z",


      "user": "viewer123",


      "message": "Great stream!",


      "platform": "tiktok"


    },


    {


      "type": "gift",


      "timestamp": "2024-05-16T20:32:30Z",


      "user": "generous_viewer",


      "gift": "Lion",


      "value": 1000,


      "platform": "tiktok"


    }


  ]


}


CSV Format (Example):


timestamp,type,user,details,platform


2024-05-16T20:31:15Z,chat,viewer123,"Great stream!",tiktok


2024-05-16T20:32:30Z,gift,generous_viewer,"Lion (1000 coins)",tiktok


Advanced Features:


Custom Event Triggers:


Set up triggers for specific events:



Integration with Other Tools:



Privacy Considerations:



Best Practices:


For Content Creators:


    

  1. Review logs immediately after stream while memory is fresh
    2. 

  2. Create highlight timestamps during stream
    3. 

  3. Use logs for community engagement (thank you messages)
    4. 

  4. Analyze patterns to improve future streams
    5. 



For Analysts:


    

  1. Combine multiple streams for trend analysis
    2. 

  2. Correlate events with viewer count changes
    3. 

  3. Identify peak engagement times
    4. 

  4. Track growth metrics over time
    5. 



For Moderators:


    

  1. Use logs for moderation review
    2. 

  2. Identify problematic users
    3. 

  3. Track moderation effectiveness
    4. 

  4. Generate moderation reports
    5. 



Troubleshooting:


Common Issues:


1. Logs Not Saving


Possible causes:



Solutions:



2. Missing Events


Possible causes:



Solutions:



3. Large File Sizes


Possible causes:



Solutions:



4. Performance Impact


Possible causes:



Solutions:



Export and Sharing:


Export Options:


    

  1. CSV: For spreadsheet analysis
    2. 

  2. JSON: For programmatic use
    3. 

  3. HTML Report: For easy sharing
    4. 

  4. PDF Summary: For presentations
    5. 



Sharing Considerations:



Automated Reports:



Pro Tip: Use event logs not just for analytics, but as a content creation tool. The timestamps make it easy to find and clip the best moments from your streams!


Overlay Studio Editor Basics


Master the powerful editor that makes creating professional overlays easy.


Interface Overview:


The Studio Editor is designed to be intuitive like Canva but specialized for live streaming overlays.


Main Workspace:


┌─────────────────────────────────────────────────────┐


│  Toolbar          [File] [Edit] [View] [Widgets]    │


├─────────────────────────────────────────────────────┤


│  │ Layers Panel   │                                 │


│  │                │        Canvas Area              │


│  │ - Element 1    │                                 │


│  │ - Element 2    │                                 │


│  │ - Element 3    │                                 │


│  │                │                                 │


│  └────────────────┘                                 │


│                                                     │


│                 Properties Panel →                  │


│                 - Colors                            │


│                 - Fonts                             │


│                 - Animations                        │


│                 - Positioning                       │


└─────────────────────────────────────────────────────┘


Key Components:


1. Canvas Area



2. Toolbar



3. Layers Panel



4. Properties Panel



Basic Workflow:


Step 1: Create New Project


    

  1. Click "New Overlay" button
    2. 

  2. Choose template or start blank
    3. 

  3. Set dimensions:
    4. 




Step 2: Add Background


    

  1. Click "Background" in properties
    2. 

  2. Choose:
    3. 




    

  1. Adjust opacity if needed
    2. 



Step 3: Add Text Elements


1. Select **Text Tool** (T)


2. Click on canvas to create text box


3. Type your text


4. Customize in properties:


   - Font: Arial, 24px, #FFFFFF


   - Alignment: Center


   - Effects: Shadow, outline


Step 4: Add Widgets


    

  1. Click "Widget Library" button
    2. 

  2. Browse available widgets:
    3. 




    

  1. Drag widget to canvas
    2. 

  2. Configure data source (TikTok/YouTube)
    3. 



Step 5: Arrange Elements


    

  1. Use layers panel to set stacking order
    2. 

  2. Align elements using alignment tools
    3. 

  3. Distribute evenly for balanced layout
    4. 

  4. Group related elements for easier management
    5. 



Step 6: Preview & Test


    

  1. Click "Preview" button
    2. 

  2. Test in different orientations
    3. 

  3. Check on mobile device (if portrait)
    4. 

  4. Verify all interactive elements work
    5. 



Step 7: Export


    

  1. Click "Export" button
    2. 

  2. Choose format:
    3. 




    

  1. Copy URL or save file
    2. 



Pro Tips & Tricks:


Design Principles:



Performance Optimization:



Keyboard Shortcuts:


Ctrl/Cmd + N      New project


Ctrl/Cmd + S      Save project


Ctrl/Cmd + Z      Undo


Ctrl/Cmd + Y      Redo


Ctrl/Cmd + G      Group selected


Ctrl/Cmd + Shift + G  Ungroup


Ctrl/Cmd + D      Duplicate


Delete            Remove selected


Template System:


    

  1. Save as Template: Design once, reuse often
    2. 

  2. Template Library: Access community templates
    3. 

  3. Variables: Use placeholders for dynamic content
    4. 

  4. Version Control: Save different versions of designs
    5. 



Common Scenarios:


Gaming Stream Overlay:


Elements:


  - Webcam frame (rounded, with border)


  - Game title (prominent, top center)


  - Social handles (bottom corners)


  - Chat feed (right side, semi-transparent)


  - Sponsor logos (discreet, bottom)


Live Commerce Overlay:


Elements:


  - Product display area (large, center)


  - Price and discount information


  - "Buy Now" call-to-action


  - Timer for limited offers


  - Customer testimonials


Podcast/Interview Overlay:


Elements:


  - Multiple webcam frames (grid layout)


  - Guest names and titles


  - Topic/title display


  - Social media hashtags


  - Sponsor recognition


Troubleshooting:


Canvas Issues:



Export Problems:



Widget Issues:



Remember: The key to great overlays is simplicity and consistency. Start simple, then add complexity as you gain experience!


# Widgets Guide


Learn how to add and customize interactive widgets for your live streams.


Available Widgets:


1. Chat Feed Widget



2. Gift Alert Widget



3. Follower Goal Widget



4. Poll/Quiz Widget



5. Media Player Widget



6. Social Media Widget



Adding Widgets:


Step-by-Step:


    

  1. Open Overlay Studio Editor
    2. 

  2. Click "Add Widget" button
    3. 

  3. Select widget type from library
    4. 

  4. Drag to position on canvas
    5. 

  5. Customize in properties panel
    6. 

  6. Configure data source
    7. 

  7. Preview and test
    8. 



Configuration Options:



Best Practices:


Performance:



Design:



Engagement:



Coming Soon:



*Content being developed - check back soon for updates!*


# Customization Options


Advanced customization features for complete control over your overlay appearance.


Visual Customization:


Color Systems:



Font Management:



Animation Effects:



Visual Effects:



Layout Tools:


Grid System:



Layer Management:



Alignment Tools:



Advanced Features:


CSS Override:



JavaScript Integration:



Template System:



Performance Optimization:


Image Optimization:



Code Optimization:



Testing Tools:



Coming Soon:



*Advanced customization features - more details coming soon!*


# Exporting Overlays


Learn how to export your overlays for use in OBS, TikTok Live Studio, and other streaming software.


Export Formats:


1. Browser Source URL



2. HTML Package



3. Template File (.streamingin)



4. Image Export



Browser Source Export:


Step-by-Step:


    

  1. Click "Export" button (top right)
    2. 

  2. Select "Browser Source" option
    3. 

  3. Configure settings:
    4. 




    

  1. Copy the generated URL
    2. 

  2. Paste into OBS/TikTok Live Studio
    3. 



OBS Setup:


    

  1. In OBS, add new Browser Source
    2. 

  2. Paste Streamingin URL
    3. 

  3. Set dimensions (match overlay size)
    4. 

  4. Enable "Refresh browser when scene becomes active"
    5. 

  5. Click OK
    6. 



TikTok Live Studio Setup:


    

  1. Add new Browser source
    2. 

  2. Paste URL
    3. 

  3. Position and size as needed
    4. 

  4. Set to top layer (usually)
    5. 



Quality Settings:


Resolution Options:



FPS Settings:



Quality Levels:



Troubleshooting:


Common Issues:


    

  1. URL not loading: Check internet connection
    2. 

  2. Black screen: Enable transparency in OBS
    3. 

  3. Slow performance: Reduce resolution or FPS
    4. 

  4. Wrong colors: Check color profile settings
    5. 

  5. Missing elements: Ensure all layers visible
    6. 



Performance Tips:



Advanced Options:


Custom CSS/JS:



CDN Support:



Analytics Integration:



*Export guide - more details coming in next update!*


Browser Source Setup


Learn how to connect your Streamingin overlay to OBS Studio as a Browser Source.


What is a Browser Source?


A Browser Source in OBS renders a web page (URL) directly inside your stream scene. Streamingin generates a unique URL for each overlay, which you add to OBS to display your overlay in real time.


Step-by-Step Setup:


Step 1: Get Your Overlay URL


    

  1. Open your overlay in Overlay Studio Editor
    2. 

  2. Click "Export" → "Browser Source"
    3. 

  3. Copy the generated URL
    4. 



Step 2: Add to OBS


    

  1. Open OBS Studio
    2. 

  2. In the Sources panel, click "+"
    3. 

  3. Select "Browser"
    4. 

  4. Name it (e.g. "Streamingin Overlay")
    5. 

  5. Paste your Streamingin URL
    6. 

  6. Set Width and Height to match your overlay dimensions
    7. 

  7. Check "Refresh browser when scene becomes active"
    8. 

  8. Click OK
    9. 



Step 3: Position & Size


    

  1. Drag the source to the correct position in the preview
    2. 

  2. Hold Alt and drag edges to crop if needed
    3. 

  3. Use Transform (Ctrl+E) for precise values
    4. 



OBS Settings Recommendations:


Width:  1080 (portrait) / 1920 (landscape)


Height: 1920 (portrait) / 1080 (landscape)


FPS:    30 (standard) / 60 (smooth)


CSS:    (leave blank unless you need overrides)


☑ Shutdown source when not visible


☑ Refresh browser when scene becomes active


Troubleshooting:



*Need help? Visit the Support Page or join our Discord community!*


# TikTok Live Studio Integration


Complete guide for using Streamingin overlays with TikTok's official desktop streaming software.


TikTok Live Studio Overview:


TikTok Live Studio is TikTok's official desktop application for live streaming. It offers:



Setup Process:


Step 1: Prepare Streamingin


    

  1. Create your overlay in Streamingin
    2. 

  2. Export as Browser Source URL
    3. 

  3. Copy the URL to clipboard
    4. 

  4. Keep Streamingin running (required for updates)
    5. 



Step 2: TikTok Live Studio Setup


    

  1. Open TikTok Live Studio
    2. 

  2. Create new scene or use existing
    3. 

  3. Click "Add Source" → "Browser"
    4. 

  4. Paste Streamingin URL
    5. 

  5. Name: "Streamingin Overlay"
    6. 

  6. Adjust position and size
    7. 

  7. Set layer order (usually top)
    8. 



Step 3: Configuration


    

  1. Position: Typically top layer for overlays
    2. 

  2. Size: Match overlay dimensions (1080x1920 for portrait)
    3. 

  3. Transparency: Enable if overlay has transparent areas
    4. 

  4. Refresh: Enable auto-refresh
    5. 



TikTok-Specific Features:


Gift Integration:



Chat Features:



Commerce Features:



Optimization Tips:


For Mobile Viewers:



Performance:



Engagement:



Common Issues:


1. Overlay Not Showing


Solutions:



2. Performance Issues


Solutions:



3. Sync Problems


Solutions:



Best Practices:


Before Stream:


    

  1. Test thoroughly - do a practice stream
    2. 

  2. Check all widgets - ensure they work
    3. 

  3. Verify positioning - test on mobile device
    4. 

  4. Prepare backups - have simple fallback overlay
    5. 



During Stream:


    

  1. Monitor performance - watch for lag
    2. 

  2. Engage with widgets - use interactive features
    3. 

  3. Save configurations - successful setups
    4. 

  4. Take notes - improvements for next time
    5. 



After Stream:


    

  1. Review analytics - what worked well
    2. 

  2. Update overlay - based on feedback
    3. 

  3. Archive configuration - for future use
    4. 

  4. Plan improvements - for next stream
    5. 



Advanced Integration:


API Features:



Custom Development:



*TikTok Live Studio integration guide - updated regularly!*


# Troubleshooting Common Issues


Comprehensive guide to solving common problems with Streamingin.


Connection Issues:


Can't Connect to TikTok/YouTube:


Symptoms:



Solutions:


    

  1. Check internet connection
    2. 




    

  1. Platform issues
    2. 




    

  1. Application issues
    2. 




Connection Drops During Stream:


Symptoms:



Solutions:


    

  1. Network stability
    2. 




    

  1. Platform limits
    2. 




    

  1. Application settings
    2. 




Performance Issues:


High CPU Usage:


Symptoms:



Solutions:


    

  1. Reduce overlay complexity
    2. 




    

  1. Application settings
    2. 




    

  1. System optimization
    2. 




Laggy Animations:


Symptoms:



Solutions:


    

  1. Animation settings
    2. 




    

  1. Hardware acceleration
    2. 




    

  1. Performance testing
    2. 




Display Issues:


Overlay Not Showing in OBS:


Symptoms:



Solutions:


    

  1. URL issues
    2. 




    

  1. OBS settings
    2. 




    

  1. Streamingin issues
    2. 




Wrong Colors or Fonts:


Symptoms:



Solutions:


    

  1. Color issues
    2. 




    

  1. Font issues
    2. 




    

  1. Export settings
    2. 




Widget Issues:


Widgets Not Updating:


Symptoms:



Solutions:


    

  1. Data source
    2. 




    

  1. Widget configuration
    2. 




    

  1. Network issues
    2. 




Widget Performance Problems:


Symptoms:



Solutions:


    

  1. Optimization
    2. 




    

  1. Configuration
    2. 




    

  1. Testing
    2. 




Getting Help:


Diagnostic Tools:


    

  1. In-app diagnostics
    2. 




    

  1. System tools
    2. 




    

  1. Testing procedures
    2. 




Support Channels:


    

  1. Documentation
    2. 




    

  1. Community
    2. 




    

  1. Official support
    2. 




When to Contact Support:



Prevention Tips:


Regular Maintenance:


    

  1. Keep updated
    2. 




    

  1. Backup regularly
    2. 




    

  1. Monitor performance
    2. 




Best Practices:


    

  1. Test before streaming
    2. 




    

  1. Keep it simple
    2. 




    

  1. Learn from issues
    2. 




*Troubleshooting guide - updated based on common user issues!*


# Creator Store Guide


Learn how to publish and sell your overlay designs in the Creator Store marketplace.


What is Creator Store?


Creator Store is a marketplace within Streamingin where creators can:



Requirements for Publishing:


Account Requirements:



Content Requirements:



Quality Standards:



Publishing Process:


Step 1: Prepare Your Design


    

  1. Finalize design in Overlay Studio
    2. 

  2. Test thoroughly - all features working
    3. 

  3. Create preview images (screenshots)
    4. 

  4. Write description and instructions
    5. 



Step 2: Publish to Store


    

  1. Click "Publish to Store" button
    2. 

  2. Fill in product details:
    3. 




Step 3: Upload Assets


    

  1. Main preview image (required, 1920x1080)
    2. 

  2. Additional screenshots (3-5 recommended)
    3. 

  3. Demo video (optional but recommended)
    4. 

  4. Thumbnail (small preview, 400x300)
    5. 



Step 4: Submit for Review


    

  1. Review all information for accuracy
    2. 

  2. Accept terms and confirm originality
    3. 

  3. Submit for moderation
    4. 

  4. Wait for approval (1-3 business days)
    5. 



Pricing Strategy:


Setting Your Price:


Consider these factors:



Price Ranges:



Revenue Sharing:



Marketing Your Products:


Store Optimization:


    

  1. Great preview images - first impression matters
    2. 

  2. Detailed description - highlight features
    3. 

  3. Relevant tags - improve discoverability
    4. 

  4. Regular updates - keep content fresh
    5. 



Promotion Strategies:


    

  1. Social media - share your store link
    2. 

  2. Stream showcases - use your own designs
    3. 

  3. Cross-promotion - with other creators
    4. 

  4. Limited offers - discounts, bundles
    5. 



Building Reputation:


    

  1. Quality over quantity - few great designs better than many mediocre ones
    2. 

  2. Customer support - help buyers use your designs
    3. 

  3. Updates - improve designs based on feedback
    4. 

  4. Community engagement - participate in forums
    5. 



Legal Considerations:


Intellectual Property:



Terms of Service:



Success Tips:


From Successful Creators:


    

  1. Start simple - master basic designs first
    2. 

  2. Listen to feedback - improve based on user comments
    3. 

  3. Create series - related designs sell better together
    4. 

  4. Stay updated - follow design trends in streaming
    5. 



Technical Excellence:


    

  1. Optimize performance - fast loading, low resource usage
    2. 

  2. Cross-platform testing - works on TikTok, YouTube, etc.
    3. 

  3. Clear documentation - easy for buyers to use
    4. 

  4. Regular maintenance - update for new Streamingin features
    5. 



Business Mindset:


    

  1. Track analytics - what sells, what doesn't
    2. 

  2. Seasonal designs - holidays, events, trends
    3. 

  3. Bundle strategically - increase average order value
    4. 

  4. Build brand - recognizable style across designs
    5. 



Support for Creators:


Resources Available:


    

  1. Design templates - starting points for new designs
    2. 

  2. Tutorials - advanced design techniques
    3. 

  3. Community forums - connect with other creators
    4. 

  4. Creator support - dedicated help for store issues
    5. 



Monetization Opportunities:


    

  1. Featured placement - top designs promoted by platform
    2. 

  2. Creator challenges - contests with prizes
    3. 

  3. Partnership programs - special collaborations
    4. 

  4. Early access - beta features for top creators
    5. 



*Creator Store guide - turn your creativity into income!*


# API Integration


Advanced API features for developers and power users.


Streamingin API Overview:


The Streamingin API provides programmatic access to platform features, allowing for:



API Access Requirements:


Authentication:



Getting Started:


    

  1. Upgrade to Pro Tier (required)
    2. 

  2. Go to Settings → Developer → API
    3. 

  3. Generate API key
    4. 

  4. Review documentation at api.streamingin.com
    5. 

  5. Start integrating!
    6. 



Available Endpoints:


Overlay Management:


`


GET    /v1/overlays           # List overlays


POST   /v1/overlays           # Create overlay


GET    /v1/overlays/{id}      # Get overlay details


PUT    /v1/overlays/{id}      # Update overlay


DELETE /v1/overlays/{id}      # Delete overlay


`


Event Streaming:


`


GET    /v1/events/chat        # Live chat events


GET    /v1/events/gifts       # Gift events


GET    /v1/events/follows     # Follow events


WS     /v1/events/stream      # WebSocket for all events


`


User Management:


`


GET    /v1/user/profile       # User profile


GET    /v1/user/settings      # User settings


PUT    /v1/user/settings      # Update settings


GET    /v1/user/connections   # Platform connections


`


Store Integration:


`


GET    /v1/store/products     # List products


GET    /v1/store/products/{id}# Product details


GET    /v1/store/purchases    # Purchase history


POST   /v1/store/reviews      # Submit review


`


Analytics:


`


GET    /v1/analytics/streams  # Stream analytics


GET    /v1/analytics/overlays # Overlay performance


GET    /v1/analytics/revenue  # Revenue reports


POST   /v1/analytics/export   # Export data


`


Example Usage:


Basic Authentication:


`javascript


const API_KEY = 'your_api_key_here';


const headers = {


  'Authorization': Bearer ,


  'Content-Type': 'application/json'


};


// Example: Get user profile


fetch('https://api.streamingin.com/v1/user/profile', {


  method: 'GET',


  headers: headers


})


.then(response => response.json())


.then(data => console.log(data));


`


Create New Overlay:


`javascript


const overlayData = {


  name: 'My Custom Overlay',


  config: {


    width: 1920,


    height: 1080,


    widgets: [


      {


        type: 'chat',


        position: { x: 100, y: 100 },


        settings: { maxMessages: 50 }


      }


    ]


  },


  visibility: 'private'


};


fetch('https://api.streamingin.com/v1/overlays', {


  method: 'POST',


  headers: headers,


  body: JSON.stringify(overlayData)


});


`


WebSocket Events:


`javascript


const ws = new WebSocket('wss://api.streamingin.com/v1/events/stream');


ws.onopen = () => {


  ws.send(JSON.stringify({


    type: 'authenticate',


    token: API_KEY


  }));


};


ws.onmessage = (event) => {


  const data = JSON.parse(event.data);


  console.log('New event:', data);


  // Handle different event types


  switch(data.type) {


    case 'chat':


      // Process chat message


      break;


    case 'gift':


      // Process gift event


      break;


  }


};


`


Use Cases:


Custom Dashboard:



Automation:



Integration:



Data Analysis:



Best Practices:


Security:


    

  1. Never expose API keys in client-side code
    2. 

  2. Use environment variables for sensitive data
    3. 

  3. Implement rate limiting in your applications
    4. 

  4. Regularly rotate API keys
    5. 



Performance:


    

  1. Cache responses when appropriate
    2. 

  2. Use WebSockets for real-time data
    3. 

  3. Batch requests to minimize API calls
    4. 

  4. Handle errors gracefully
    5. 



Development:


    

  1. Use SDKs/libraries when available
    2. 

  2. Implement retry logic for failed requests
    3. 

  3. Monitor API usage and quotas
    4. 

  4. Stay updated with API changes
    5. 



SDKs and Libraries:


Official Libraries:



Community Libraries:


Check GitHub for community-maintained libraries:



Example Projects:



Support and Resources:


Documentation:



Community:



Support:



*API Integration guide - for developers and advanced users!*