Templates Camgirl.Cloud Forums Download OBS Overlays OBS overlay – Falling Hearts and Coins

Viewing 1 reply thread
  • Author
    Posts
    • #62808
       CGC

      Custom OBS overlay – Falling Hearts and Coins animated with CSS3

      The overlay is a piece of content (image, text, web page, script) displayed on top of a live stream scene.

      In this particular case, I’ve added a non interactive animation which will be visible on top of the broadcaster’s stream.
      The overlay is triggered manually by the user.

      Overlay setup:
      1. download the zip file and extract content on your desktop.
      2. open OBS and from Sources manager click the + icon in order to add a new scene
      Add New Source

      3. A new panel will pop-up with available options. Select Browser
      Select Browser as source

      4. Give it a name if you want (this step is optional but it is a good idea to type a name just in case you have multiple overlays in Sources manager box)
      Rename the source

      5. Select the Local file checkbox and browse for the html file you’ve downloaded.
      – set up the relative width and height of the overlay and also select checkboxes below (see the screenshot)
      Select Local file

      6. Based on your screen resolution drag the red corners of the overlay for better positioning
      Position the overlay

      Note:
      – because all resources will run from your desktop there is no need for additional hosted resources (better for streaming, no additional CPU and bandwidth consumers)
      – the overlay is triggered manually by the user. Click the eye icon to enable or disable the overlay.
      – this particular OBS overlay was designed and coded for OBS / Chaturbate live stream

      Download source code

    • #69780

      i need help can you please help me understand this better

      • #69784
         CGC

        Hi GMystie, what exactly is the problem?
        I will be glad to assist you but I don’t know what you want to know better.

Viewing 1 reply thread
  • You must be logged in to reply to this topic.