1. ** WARNING - ACF CONTAINS ADULT CONTENT **
    Only persons aged 18 or over may read or post to the forums, without regard to whether an adult actually owns the registration or parental/guardian permission. AmberCutie's Forum (ACF) is for use by adults only and contains adult content. By continuing to use this site you are confirming that you are at least 18 years of age.
    Dismiss Notice

OBS overlays using markup language...

Discussion in 'General Cam Chat' started by Dan202, Mar 29, 2018.

  1. Dan202

    Joined:
    Sep 30, 2013
    Messages:
    470
    [​IMG]

    It uses browser pages to display overlays, the splash screen is animated with another video and with little help of CSS3 it looks awesome.
    All overlays are "triggered" from OBS Sources menu
    I'm not a programmer/developer even if I've started to learn C# and Unity but this is my personal approach ... a "work around" for those mysterious OBS plugins/scripts which are so "in demand" this days.

    cover.jpg

    Display, Tip Menu (not intractable), animated bars, DMCA icon and marquee text.... so on
     
    • Helpful Helpful x 1
  2. GypsySunshine

    Cam Model

    Joined:
    Sep 20, 2015
    Messages:
    45
    That is so cool. I am about to put this program on my computer right now and I have no idea about this stuff. So thanks for posting this is very useful information. :)
     
  3. Exoticcream

    Cam Model

    Joined:
    Jun 7, 2018
    Messages:
    36
    @Dan202 hey dear how do I get tip Alerts to work with obs??Where do I put the link??Please help
     
  4. Dan202

    Joined:
    Sep 30, 2013
    Messages:
    470
    Hi, this overlay is not using javascript (programming language) used for tip notification, it does not work that way.
     
  5. Exoticcream

    Cam Model

    Joined:
    Jun 7, 2018
    Messages:
    36
    I guess I should say how do I use the plug-in?I instaledi under broswer source but don't see it on my screen.Do I wait to be tipped to see if it works?
     
  6. Dan202

    Joined:
    Sep 30, 2013
    Messages:
    470
    The download comes with install instructions (how to use it).
     
  7. Exoticcream

    Cam Model

    Joined:
    Jun 7, 2018
    Messages:
    36
    Thanks!!
     
  8. Dan202

    Joined:
    Sep 30, 2013
    Messages:
    470
    Falling Hearts and Coins OBS overlay
    - hosted on DeviantArt / documentation and resources included

    cover.jpg

    The download comes with install instructions and all graphic resources.
    Please note, the overlay is NOT triggered by tips (not a tip alert). It can play "in loop" as long as you enable or disable it via eye icon option from OBS Source manager window.

    Pro: it runs locally, no need for external resources, no additional CPU/Bandwidth consumption, customizable and free.
    Con: not a tip alert.

    Free download - DeviantArt
     
  9. Dan202

    Joined:
    Sep 30, 2013
    Messages:
    470
    Top Tippers OBS overlay - Army theme

    obs_cover_top_tippers.jpg

    A simple yet interesting OBS overlay showing 2 lists of Premium Usernames (top tippers).
    If you like the Army theme, you might like this.
    All content is editable via source code... it means you'll need to know how to replace an image and edit some plain text content.

    Powered by CSS3 keyframe animations, the overlay pops up on broadcast live stream with some cute effects/transitions.
    Comes with full install instructions and documentation files along with all necessary resources (graphics, codes, font).
    The main box (here, in this screenshot it shows dark-grey) its semi-transparent and it does not cover all live stream window.
    Uses % values for fluid - responsive width so its pretty flexible.
    This overlay does not use external resources.

    OBS overlay type: browser
    Source: local
    Coded: HTML, CSS
    Resources: font used MicroFLF, images

    - Join My Troops, Model Name and Premium Username are plain text editable content
    - Model's image (left), first trooper and second trooper (flamed one) are images and can be changed via source code.
    - Smaller icons in front of Premium Usernames are set up as background images via CSS markup

    This is open source (also available on github) and can be downloaded, further-developed or edited by anyone who's interested in having/using this.
     
  10. Dan202

    Joined:
    Sep 30, 2013
    Messages:
    470
    Stats Battle - OBS overlay - free download
    - download and documentation on GitHub so I see no reason to post additional info or description, I'm already "on the edge" with consecutive posts almost spam (lucky me, 1 day timeframe between last 2 posts)

     

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice