StreamPal Test Tool

Upload a card photo to test the detection + pricing pipeline without a camera

Stream Setup

Works just like Whatnot — same OBS WebSocket port, same server password

1

Connect to OBS WebSocket

Enter your OBS WebSocket server password — same one you use in Whatnot.

Pick the OBS source that shows your card camera. StreamPal will capture frames from this source.

📷
Not using Whatnot? Set up OBS WebSocket ▸
  1. Open OBS Studio
  2. Go to Tools → WebSocket Server Settings
  3. Check "Enable WebSocket Server"
  4. Set a Server Password (remember it!)
  5. Port should be 4455 (default)
  6. Click OK, then enter the password above
2

Add Browser Source in OBS

Add a Browser Source in OBS — just like a Whatnot overlay. Paste your unique URL. Set 1080×1920 (9:16 vertical, same as Whatnot).

Loading...
Not connected — enter your OBS server password above to get started
Coming soon: Connect your Whatnot account for automatic stream detection and analytics

📷 Scan a Card

Connect to OBS and select a source first
Card
—
Set
—
Market Price
—
PSA 10
—

Your Stats

📊
—
Total Scans
💰
—
Total Value
🔥
—
Hits
🎫
—
Credits Left
0
scan credits remaining

Recent Scans

No scans yet — connect your OBS and start scanning!

Upload Card Image

Scan Logging (Supabase)

Drop a card image here or click to browse

JPEG or PNG — photo of a Pokémon card

Results

Captured Frame

Image sent to Vision API for identification

Pipeline Debug Log

Overlay Customization

Colors

Animation & Layout

Font

Branding

Drop logo image here (PNG)

Elements

Sound

Saved!

Dashboard

Overview of your StreamPal account

💡 Connect to OBS to start scanning cards live! Go to Setup tab →
📊
—
Total Scans
💰
—
Total Value
🔥
—
Hits
🎫
—
Credits Left

Recent Scans

No scans yet — connect your OBS and start scanning!

OBS Setup

Connect to OBS and add your overlay browser sources

1

Connect to OBS WebSocket

Enter your OBS WebSocket server password — same one you use in Whatnot.

Pick the OBS source that shows your card camera.

📷
Not using Whatnot? Set up OBS WebSocket ▸
  1. Open OBS Studio
  2. Go to Tools → WebSocket Server Settings
  3. Check "Enable WebSocket Server"
  4. Set a Server Password
  5. Port should be 4455 (default)
  6. Click OK, then enter the password above
2

Add Browser Sources in OBS

Add these as Browser Sources in OBS — one per scene. Set each to 1080×1920 (9:16 vertical).

Loading...

Shows card name, price, and HIT badge when you scan.

Loading...

Shows remaining prizes grouped by tier during breaks.

Loading...

Viewer-count milestones ladder. Show what unlocks at 100, 200, 500 viewers, etc.

Loading...

Scrolling ticker with live metal spot prices. Set height to 48px.

Not connected — enter your OBS server password above

Scan a Card

Capture from your OBS camera source and identify cards in real-time

Not connected — Go to Setup tab to connect to OBS
Connect to OBS and select a source first
Card
—
Set
—
Market Price
—
PSA 10
—
OBS Overlay Preview
This is what your viewers see on stream

Scan History

All your scanned cards

No scans yet — connect your OBS and start scanning!

Overlay Customization

Customize your stream overlay appearance

Account

Your profile and connection settings

Billing & Credits

Manage your scan credits

0
scan credits remaining

Transaction History

DateTypeAmountBalanceNote
No transactions yet

Help & Getting Started

Learn how to set up and use StreamPal

Getting Started

Follow these steps to set up StreamPal for your stream

1
Connect to OBS
Enter your OBS WebSocket server password. This is the same password you use for Whatnot — find it in OBS under Tools → WebSocket Server Settings.
Go to Scan tab →
2
Select Your Camera Source
After connecting to OBS, pick the camera or capture source that shows your cards. This tells StreamPal where to look.
Go to Scan tab →
3
Add Browser Source in OBS
Copy your unique overlay URL from the Account tab. In OBS, add a new Browser Source, paste the URL, and set the resolution to 1080×1920 (9:16 vertical, same as Whatnot overlays).
Go to Account tab →
4
Scan Your First Card
Hold a Pokémon card in front of your camera and click the Scan Card button. StreamPal will identify it and show the live pricing on your stream overlay!
Go to Scan tab →

Frequently Asked Questions

How do credits work? ▼
Each card scan uses 1 credit. You can check your balance in the sidebar or on the Billing tab. New accounts start with 100 free credits. When you run out, you can purchase more from the Billing tab.
How do I set up OBS? ▼
You need OBS Studio version 28 or later (which includes built-in WebSocket support). Go to Tools → WebSocket Server Settings, enable the server, and set a password. This is the same setup used by Whatnot, so if you already stream on Whatnot, you're good to go!
What cards are supported? ▼
StreamPal currently supports Pokémon Trading Card Game cards. Our AI vision system identifies cards and pulls real-time pricing from PriceCharting. Support for more card games is planned.
How does pricing work? ▼
StreamPal shows two prices: the Market Price (raw card value) and the PSA 10 graded value. Cards above your hit threshold (default $10) get a special HIT badge on the overlay. Prices update in real-time from PriceCharting.
Scan not recognizing my card? ▼
Make sure you have good lighting and hold the card steady in front of the camera. Check that you've selected the correct camera source in the Scan tab. The card should be clearly visible and in focus. Try holding the card slightly closer or further from the camera.
Overlay not showing in OBS? ▼
Make sure your Browser Source URL matches the one shown in the Account tab. Set the resolution to 1080×1920. Check that the source is visible (eye icon enabled in OBS) and positioned above other sources in the layer order. Try refreshing the browser source cache in OBS.

Admin Panel

Manage users and credits

Grant Credits

All Users

Name Email Role Credits Lifetime Scans Joined
Loading...

Break Tracker

Manage prize lists for card breaks and surprise sets

Add the Break Tracker as a separate browser source in OBS. Get your URL from the Setup tab.
Auto-saved
No file chosen

No prizes loaded yet.

Upload a CSV file with prize names to get started.

Break Overlay Colors

CCV Goals

Set viewer-count milestones and what unlocks at each one

Add the CCV Goals overlay as a separate browser source in OBS. Get your URL from the Setup tab.

Spot Prices

Live metal spot price ticker overlay for your stream

Add the Spot Prices ticker as a browser source in OBS. Get your URL from the Setup tab.

metals-api.com API Key

Get a free API key at metals-api.com. Required for live spot prices.

Ticker Preview

Live preview — changes to colors and speed update instantly.

Select Metals to Display

Display Settings

30px/s

Ticker Colors

OBS Browser Source URL

Add this as a Browser Source in OBS. Set width to your stream width and height to 48px.