SYRONIUSFRAME

Useful information.
Part of your
broadcast.

Bring stream health and photo upload progress into OBS. Choose the information, match it to your scene, and add it with a Browser Source.

Part of FRAME. Runs on your own computer.

01 Captured from FRAME

One setup. A look of its own.

Actual overlay · custom settings

These screenshots come from a configured FRAME upload overlay. Its saved colors, text, sizing, and queue settings are shown with FRAME’s built-in sample activity.

Give the next photo room.

This setup uses compact text, colored stages, and a queue that fades the later cards. The first photo keeps the detail; the others stay in view.

  • Four visible photos, with a count for the next one.
  • Different colors for transfer, waiting, and preparation.
  • A separate confirmation when a photo is published.

This is one person’s saved configuration. FRAME lets you choose a different appearance.

Configured FRAME queue with one detailed processing card, three fading compact cards, and a plus-one-more indicator.
Saved custom settings · sample queue Enlarge screenshot

The same settings, through each stage.

The filenames and transfer values below are built-in examples. They are not live uploads.

01 / UPLOADING

On its way.

Actual configured upload card showing a sample photo at 75%, with bytes sent, transfer speed, and elapsed time.
The transfer card shows progress and the details selected for this setup.
02 / RECEIVED

In the queue.

Actual configured card labeled Staged, showing 100% file transfer and upload received, waiting for processing.
FRAME calls this Staged: the file has arrived and is waiting for Photo Pipeline.
03 / PREPARING

Preparing the photo.

Actual configured card labeled Processing, with a preparing photo for publication message. Its 100% value describes the completed file transfer.
The displayed 100% is the completed file transfer. Photo preparation is a separate stage and is still underway.
04 / PUBLISHED

A small confirmation.

Actual configured green completion badge showing one completed sample photo and its filename.
This setup uses a separate completion badge. The photo is now published to the prepared collection.

All five images are captures of the actual configured viewer, cropped around its output. The checkerboard is FRAME’s preview background, showing transparent areas. Your own overlay can use different settings. Explore setup

02 Try the idea

A simplified, hands-on example.

Website illustration · sample data

Stream health

Example OBS scene
A moment by the water
Field camera Connected
Bitrate
6.2 Mbps
Round trip
120 ms
Latency
600 ms
Show connection information from a stream in Stream Management. Available measurements depend on its feed.

Photo upload progress

Example OBS scene
The next photo is on its way
Waiting for a photo
Photo 3938Ready when you are

Play the example to follow one photo.

Follow incoming photos from transfer to publication. Use a browser upload, camera FTP input, or the Belabox transfer connector.

Make it fit the scene.

Try a color and a corner, then follow an example photo.

Customize the illustrative overlays
Example color
Bottom corner

Ready to try. The example runs entirely in this page.

The controls and widgets here are simplified website illustrations, separate from the actual viewer screenshots above. These OBS scenes use simulated values. The photos are scene backgrounds. Nothing connects to FRAME or OBS, and no file is uploaded. These simplified controls change both examples; in FRAME, each Source has its own settings.

More than a transfer bar.

A file can finish uploading before the photo is ready to share.

  1. 01 / SENDING

    The file is on its way.

    Show transfer progress. A percentage is available when the total file size is known.

  2. 02 / RECEIVED

    Upload complete. Photo queued.

    The file has arrived and is waiting for Photo Pipeline to prepare it.

  3. 03 / PREPARING

    Getting it ready to share.

    Photo Pipeline is working. This stage does not imply a processing percentage.

  4. 04 / PUBLISHED

    Your photo is ready.

    A short confirmation marks publication to the collection used by Gallery and Photo Stage.

Example timing is illustrative. FTP can show bytes and speed without a known total; it does not always have a percentage.

Your scene, your choices

Useful detail.
Room for the moment.

Give information a place in your broadcast, with control over how much appears.

Choose what matters.

Show, hide, or reorder stream measurements. For photos, choose upload details, queue size, and what happens while idle.

Match the rest of your scene.

Adjust colors, fonts, size, and placement. Give each upload stage a color and position the overlay using a nine-point anchor.

Preview before the show.

Use the editor’s sample data to check the output, including different photo upload stages.

Keep the same OBS link.

Edit an existing Source in FRAME and keep using its URL in OBS. Deleting that Source removes its link.

03 Where it fits

Your tools supply the story.

Overlays turns their status into something you can put on screen.

SHAPE THE INFORMATION

Overlays

Choose a feed and customize its presentation.

ADD TO YOUR SCENE

OBS Browser Source

The overlay appears over your other scene content.

Want to present the photos themselves? Photo Stage lets you choose a prepared photo for OBS. Follow the photo workflow

04 Make it part of your setup

From FRAME
to your OBS scene.

The wizard runs in your own FRAME installation. Open it through Portal, then add the output to OBS.

Read Overlays setup
See how FRAME runs
  1. 01

    Enable Overlays and your feeds.

    Choose Overlays in FRAME’s guided setup. The current installer also enables Video Relay, with Stream Management. For photo progress, enable your photo input; FRAME includes Photo Pipeline with its photo tools.

  2. 02

    Create a Source in the wizard.

    Open Overlay Wizard from Portal. Choose a feed, name the Source, and use the appearance controls and sample preview to make it yours.

  3. 03

    Add its URL to OBS.

    Copy the Source’s OBS URL into a Browser Source and set dimensions to suit your scene. Return to FRAME to edit the same Source later.

A link your OBS computer can reach.

Start on your local network. If OBS runs on another computer, use a FRAME address reachable from that device; localhost refers to the device opening the link. Treat the copied OBS URL as a private link: anyone who can reach it can view its output.