Skip to content
streamneo.
Streaming Settings13 min read

How to Add a Product Name and Price Overlay to an OBS YouTube Live Demo Loop

Layer a separate product label over a looping OBS demo, then check its placement and readability in YouTube Live Control Room before going live.

sn.
StreamNeoPublished 4 October 2026
Worth sharing?

To keep a product demo looping while its name and price stay visible, add the label as a separate source in the same OBS scene and place it above the video. A simple fixed label can be text; use a Browser Source only when you need a web-based layout, animation or page content.

The separation matters: you can correct a price or change a product name without editing the demonstration video. Before broadcasting, inspect the composite in OBS and YouTube Live Control Room, including the exact currency and the parts of the product that the label might cover.

Open or create a demo scene

In OBS, select the scene that will carry the product demonstration. If you already have a scene with the right canvas, audio and video arrangement, you can add the label there. If the stream includes other material, such as an opening card or a separate camera view, consider making a dedicated demo scene so the product layout is easy to find and test.

A scene is the composition you send to the stream; its Sources list contains the elements that make up that composition. You will want the demo video and product label to be separate entries in that list. Keeping them independent means a price correction does not require a new export of the demo, and replacing the demo does not force you to rebuild the label.

Give the scene a recognisable name, such as “Product demo”, if you have several scenes. Before changing anything, check which scene is selected and whether its preview looks like the intended output. It is easy to add a source to a different scene than the one you planned to broadcast.

If you are building a larger set of pre-recorded content, the way a background and video combine is also relevant to streaming podcast episodes with a custom background image. The same basic discipline applies here: decide what belongs in the scene, then keep each changeable element separate where possible.

Add the looping demo video source

Add the demo file to the scene as a media source using the controls in your installed OBS version. The precise labels and menus can vary between versions, so use the current interface rather than relying on instructions written for an older release. Once added, check that the image fits the intended canvas and that the important action in the demonstration is visible.

If the video should repeat, find the media source’s loop control and confirm that it is enabled. Do not assume a file repeats simply because the stream continues: a source can finish playback while OBS continues sending a scene. Verify the behaviour in a test run long enough to see what happens at the end of the file. The OBS material cited below does not document the current name or location of this media-source control, so check the installed version’s own interface or help.

Listen to the source as well as watching it. If the clip has sound, decide whether that sound should remain in the live mix and check that it is not unexpectedly competing with narration, music or other audio. The product overlay itself will not alter the video’s audio or YouTube’s stream settings.

Treat the video frame as a fixed part of the composition. Make a note of where the product, hands, controls or other details appear, especially if the shot changes during the loop. A label that is clear over the opening frame could obscure the object later. You will come back to this when choosing a position.

For a channel that runs continuously, playback behaviour is only one part of keeping a broadcast intact. A useful companion is this guide to OBS reconnect settings for a continuous YouTube stream; reconnect behaviour is a separate concern from whether a media file itself loops.

Add a separate product name and price source

For a fixed name and price, add a text source to the scene and enter the wording you want viewers to read. Use the source’s available text and appearance controls to choose a typeface, size and colour that suit the rest of your scene. You do not need a third-party overlay service for a simple static label.

Write the label as a viewer should see it, rather than as an internal product code. For example, “Copper water bottle — ₹799” is more useful than a stock-keeping code. Check spelling, punctuation and currency before you go live. If prices can vary by region or offer, be explicit about the displayed amount and avoid implying that a price is current beyond what you can verify.

A text source is manually maintained: when the price changes, you edit the text in OBS and check it again. That is usually a practical trade-off for a stable offer. It avoids an external page dependency, but it also means there is no automatic feed updating the number for you.

If you want a designed panel, motion or content from a web page, OBS Browser Source is another route. OBS documents that Browser Source can load a local file or a URL and allows control over viewport dimensions, custom CSS and frame rate. Its documentation describes it as useful for custom layout, image, video and audio tasks. See the OBS Browser Source documentation for the supported properties and current guidance.

A local HTML file can give you control over the markup and styling without relying on a hosted overlay page, but someone must maintain that file. A hosted URL can be easier to edit outside OBS, yet it introduces dependence on that page being reachable and displaying the intended content. Neither method should be assumed to provide an automatic product-price feed; confirm the exact behaviour before building a workflow around it.

Method Best fit What changes when the price changes Main trade-off
OBS text source One stable name and price Edit the text in OBS Simple, but manual and less flexible in layout
Local HTML in Browser Source Custom styling or animation you maintain Edit the local file More control, with the file to maintain
Hosted Browser Source URL A page you manage elsewhere Update the page, if its setup supports that Depends on the page and connection behaving as expected

A promo widget is not necessarily a product label. Meld describes its YouTube Promo Widget as a way to promote a latest YouTube upload in OBS on a repeating cadence; that description does not establish that it can display arbitrary product names and prices. Check the vendor’s widget page for its current scope rather than treating a cross-promotion tool as a price ticker.

Place and size the overlay above the video

In the OBS Sources list, arrange the product label so it appears above the video source. The source stack determines which elements are drawn over others. If the label is underneath an opaque video source, it may exist in the scene but remain hidden. If the stack order is correct, you should see it on top in the preview.

Use the preview to position the label within the output frame. Drag it to a place that does not compete with the product itself, any captions, or important interface details in the clip. Keep the whole label inside the canvas; a source can be partly off-frame even if it looks usable in a cropped or scaled preview.

Resize it with care. The goal is not to make the label dominate the demonstration, but to ensure the name and price remain readable at the scale viewers are likely to see. Start with a compact panel and test it at the output size. A label that seems generous on a computer monitor may be difficult to read on a phone, while an oversized block can cover the actual product.

If using Browser Source, set its width and height to suit the stream canvas and the area occupied by the graphic. OBS lists a default viewport of 800 by 600 and a default frame rate of 30 for that source, but these are documented defaults, not required stream dimensions. Adjust the viewport to the layout you are building rather than assuming the defaults match your video.

For text or browser content, keep the bounding area intentional. A transparent browser page may still have a large viewport even if the visible label is small; check what appears in the composite and trim unnecessary space in the design. If the graphic uses a background, decide whether it should be opaque enough to separate text from the footage without hiding too much of the demo.

Keep the label and video independent as you refine the scene. If you need to change the price, you can edit the text or page without re-exporting the video. If the video changes, you can replace that source while retaining the label’s position, then recheck the new footage for collisions.

Check legibility and avoid covering key details

Readability is a practical test, not a platform-mandated set of dimensions. Check the label at the smallest screen size you expect viewers to use, and make sure the product name, amount and currency are distinguishable. A pale typeface over a bright product shot can disappear; a solid background or stronger contrast can help. Avoid relying on colour alone to distinguish the price from other text.

Watch the entire loop, not just the frame shown when you first arrange the label. If the product moves from the left side of the shot to the right, a fixed label may obscure it during part of the playback. Move the label to a quieter area or choose a less intrusive layout. If no position remains clear throughout, reconsider the video framing or use a label design with a smaller footprint.

Check the wording in the actual preview. A long product name may wrap or be clipped, and a price with a currency symbol can take more space than expected. Leave breathing room around the text and avoid placing it so close to the canvas edge that it feels cut off. Look for stray characters, an old price, or a mismatch between the amount and the currency symbol.

If the price changes regularly, create a simple update check as part of preparing each broadcast: confirm the current offer, edit the source, then inspect the rendered result. This is more reliable than assuming that a label is connected to a catalogue or sales system. If you are using a local or hosted page, verify its displayed data in the page itself and again in OBS.

A product label does not change the title, description, or other metadata on YouTube. It is part of the visual picture sent by the encoder. If you need to change what appears in YouTube’s listing, make that change separately in the relevant YouTube controls.

Preview the composite in YouTube Live Control Room

First inspect the complete scene in OBS: the demo should be playing, the label should be visible above it, and the text should be correct. Then use YouTube Live Control Room’s preview workflow to check what reaches YouTube before starting the public broadcast. A local OBS preview confirms the scene composition; the YouTube-facing check helps you catch problems in the stream preview itself.

YouTube’s guidance about its own break overlay recommends testing an overlay before going live and describes adding that overlay as a Browser Source in an encoder. That is a different feature from a custom product label, so do not copy its setup as if it were a product-overlay integration. It does, however, reinforce the sensible practice of checking an encoder overlay in the Control Room before broadcasting. Read YouTube’s overlay guidance for the scope and steps YouTube documents.

In the preview, verify the exact product name, price and currency. Look at the frame edges, text contrast and whether the label obscures the demonstration. If the preview differs from OBS, return to the scene and correct the source, then check again. Do not rely on a still image if the demo changes position during the loop.

Allow for a careful review before you make the stream public. If the scene will run for a long time, check how it behaves after the demo reaches its end and returns to the start, and watch for any visible transition that makes the label hard to read. You can also ask someone else to read the preview on a different screen; this is a straightforward way to catch small text that looks fine on your own monitor.

For a long-running file-based channel, decide separately whether OBS will remain open and the computer will stay available throughout the broadcast. The label setup does not make the stream independent of the machine running OBS. If keeping a computer on is the part you want to avoid, StreamNeo removes that specific burden by letting you upload a video and run a YouTube broadcast without leaving your own computer switched on.

Keep the product information dependable

A visual price label is useful only while its information remains accurate. Choose who is responsible for checking the amount before each broadcast, particularly if a sale ends or the price differs between markets. For a fixed demonstration, a brief manual check is often more dependable than adding a complicated data connection that nobody monitors.

If you rotate products, make a repeatable scene-preparation checklist: select the correct scene, confirm the video and label correspond to the same item, check the price and currency, and inspect the composite in OBS and Control Room. This catches a common class of avoidable errors: a valid price shown over the wrong product, or a correct name paired with an old amount.

Keep a copy of the original demo file and the source text or local HTML used for the label. When you revise a layout, you can recover the previous version or compare the change without rebuilding everything. This is especially useful when several people take turns operating a channel and need to know where the authoritative price is maintained.

If the demonstration includes music or other material you did not create, handle that as a separate rights question; the presence of a product label does not change what audio is being broadcast. The guide on copyright claims muting audio on a YouTube livestream explains why checking the audio side of a stream is distinct from arranging its visuals.

When a product label is only one part of a wider 24/7 setup, plan the operating method around who will check the file, scene and stream. The guide to starting a 24/7 YouTube Live stream with a cloud service in India can help you think through that separate choice. Whichever method you use, preview the visual output and consult current official guidance for the controls in your version.

Before committing, compare the operating options on the pricing page. When the file and channel are ready, start free — 24-hour trial, no card.

FAQ

Can I change the price without editing the demo video?

Yes. Keep the label as a separate text or Browser Source above the video and edit that source when the price changes. Check the rendered result and confirm the amount and currency before you broadcast.

Do I need a third-party overlay service for a fixed label?

No. An OBS text source is enough for a static product name and price. A Browser Source is useful when you want a custom web layout or animation, but it brings a file or page that you need to maintain.

Will the label update automatically when my product price changes?

Not unless the specific page or tool you have chosen supports that behaviour and you have verified it. The basic OBS text-source workflow is manual, and OBS Browser Source documentation does not itself promise a product-price feed.

Does the overlay change my YouTube title or product listing?

No. The label is visual content in the stream scene. Update YouTube’s title or other listing details separately using the relevant YouTube controls.

YOU’VE REACHED THE END

Keep the ideas coming.

More guides, useful tools and a little help for your next broadcast.

Back to the journal ↗
YOUR NEXT READ

A little more to explore.

More Streaming Settings guides ↗ · All topics ↗