How To Add A Clock In OBS - CSS IS BETTER

Scott shows how to setup a analog clock for OBS Studio using the CSS method. This method is much better than any LUA script. ★★ CLICK SHOW MORE ★★ There's crucial info below!!!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
WAIT TILL YOU SEE THESE KILLER FREE ANIMATED SUBSCRIBE BUTTONS.
I spent five long days learning how to make subscribe buttons in Blender.
The animations are KILLER, and I made 10 of them for you COMMERCIAL FREE.
Get Them Here ➤ scottfichter.com/free-animate...
IF YOU SIGN UP YOU WILL RECEIVE MORE THAN JUST SUB BUTTONS
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
TUTORIAL LINKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
LINK TO CODE pen = codepen.io/fsmithy/pen/YzEvzPL
LINK TO IMGR CLOCK FACE 3 i.imgur.com/X999tNz.png
LINK TO IMGR CLOCK FACE 2 i.imgur.com/pG2bZ2T.png
GET THE SCRIPT & TWO CLOCKS IF YOU DON'T WANT TO SIGNUP TO CODEPEN TO DOWNLOAD THE ZIP FILE FROM THEIR SITE THIS IS THAT ZIP FILE = drive.google.com/file/d/1Q3D-...
SUPPORT SCOTT'S CAUSE WITH A DONATION
www.paypal.com/donate/?hosted...
SUBSCRIBE TO THE CHANNEL
kzread.info_ficht...
#scottfichter #scottfichterobs #obsstudio
0:00 Demo
0:44 Shoutout
1:26 How Codepen Works
2:51 Understanding Copen Comments
3:41 Making the Clock Background Transparent
4:06 Changing the Clock Face
5:04 Change color of the Clock hands.
5:55 Changing length and width of the hands
6:58 How to run the clock from your computer
8:50 How to show the clock in OBS Studio
2.0 - - 3/9/22

Пікірлер: 73

  • @GregMurrayEnt1
    @GregMurrayEnt12 жыл бұрын

    Scott, in order to export the zip file, one needs to create a free account with Codepen.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Make it happen.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Greg I actually provide a link the description to the very same thing that you get when you download the zip form Codepen.io. I'll change the wording to folks understand

  • @DanyV1
    @DanyV12 жыл бұрын

    HTML, CSS and Javascript... I didn't know that this would have such an awesome potential with OBS. Awesome!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    YES! CSS is powerful!

  • @theorignl4415
    @theorignl44152 жыл бұрын

    #1 @Scott really, really nice analogy of the HTML, CSS and JS components. #2 very clear and concise tutorial. no auspiciously distracting use of graphics, straight forward instructions. NICE!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Much respect TheOrgnl.

  • @brianpagemodeltrains
    @brianpagemodeltrains2 жыл бұрын

    Thanks for the shoutout, Scott, and thanks for all the work you put into making the buttons. Awesome tutorial on the clocks!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Any time! - Pun intended.

  • @GordIsman
    @GordIsman2 жыл бұрын

    HUGE... so many great clock options... and a great tutorial. Thanks, Scott!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Thanks Gord. GetSum pal. I think you're path just got exciting.

  • @suburbiajones2268
    @suburbiajones22682 жыл бұрын

    You’re taking it to another level.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Thanks.. I'm trying.

  • @joetkeshub
    @joetkeshub10 ай бұрын

    You save my day. Helpful and instructive. Thank you Scott. You earned a follower ;)

  • @beeez7757
    @beeez7757 Жыл бұрын

    youre an amazing teacher!!!

  • @radiogareth
    @radiogareth Жыл бұрын

    Thanks for this, saw it on a friends stream and asked. Easy to follow tutorial too, including the usage in OBS :-)

  • @WebbsWeb
    @WebbsWeb2 жыл бұрын

    That's pretty cool! Well done, Scott.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Glad you enjoyed it. Thanks for the comment WebbsWeb.

  • @COIFISHGAMING
    @COIFISHGAMING2 жыл бұрын

    Great stuff Scott you are really onto something with your channel direction with the exclusive graphics yet smart enough to give all viewers something! Keep on Fighting brother! I use the Subscribe graphic all the time ;)

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    www.bluefoxcreative.com/wp-content/uploads/yep.gif

  • @An.D
    @An.D2 жыл бұрын

    Great tutorial Scott mate ✌️👍

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Glad you enjoyed it

  • @svtay23
    @svtay232 жыл бұрын

    Thank you, Scott.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Welcome!

  • @potterb39
    @potterb392 жыл бұрын

    Great tutorial with a relatable analogy.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Glad it was helpful!

  • @SmartlifeVS
    @SmartlifeVS2 жыл бұрын

    Great tutorial and thank you for sharing. Will have a go at this later. I am a total OBS newbie.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Awesome Pauline. Thanks for stopping bye.

  • @1LySpaceVideo
    @1LySpaceVideo2 жыл бұрын

    Awesome Video> Thank you for sharing

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Thanks for watching!

  • @mrnevinmathews
    @mrnevinmathews2 жыл бұрын

    ThankYou Scott!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    You're welcome Nevin.

  • @ElGodrat
    @ElGodrat2 жыл бұрын

    AWESOME!!!! THANK YOU SO MUCH!!!!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    You're welcome!

  • @SCOARTGLASS
    @SCOARTGLASS2 жыл бұрын

    Thanks. Another great video. Didn’t see zip file and signed up for email list last week. Not sure if that was in time or not. Loved the sub buttons. Used them in my last video.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Damn I need to ask for channel name so I can find you on the list. Shoot me an email at youtube@bluefoxcreative.com with your email so I follow up.

  • @companeromchael7905
    @companeromchael79052 жыл бұрын

    thank you, scott.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Welcome!

  • @dradelisrael9648
    @dradelisrael96482 жыл бұрын

    Thanks Scott,subscibed.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    LOL - Thanks for the laugh Doc.....

  • @gigifixture8242
    @gigifixture82422 жыл бұрын

    Nice one!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Thank you! Cheers!

  • @49Macman
    @49Macman2 жыл бұрын

    Great job as usual, Scott!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Thanks Pal... I hope you're doing well.

  • @49Macman

    @49Macman

    2 жыл бұрын

    @@ScottFichter Thanks for wishing me well. In general I am, but excited as far as OBS. I figured out how to get Background Removal by Roy Shilkrot to work 100% on my Mac. No crashes! Woohoo! Yes, I am the definition of insanity, but sometimes it pays off like this time. LOL. I don't use it for livestream, which might bring on issues. It works, but that glow or whatever you call it is still there. However, I hope to try some things this weekend to see if I can fix it. Sorry I keep on this same subject. This should be my last comment on this subject. On another note, your energy is contagious! Keep on keepin' on! my friend!

  • @RobertAgarHutton
    @RobertAgarHutton2 жыл бұрын

    Thanks Scott - that's very useful, I recently added a 30 second timed clip (which is a little bit inaccurate) to show on screen when I'm broadcasting my exercise for Tai Chi videos - this (hopefully) will be a lot better.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Rob, I think you'll like this method.

  • @RobertAgarHutton

    @RobertAgarHutton

    2 жыл бұрын

    @@ScottFichter - It's great - I am using it with just a second hand - makes a useful on-screen timer.

  • @Imkenster08
    @Imkenster082 жыл бұрын

    Another Great learning experience for me - Thanks Scott. I would like to get with you on Lower Thirds and if it is possible to change or drop down to the next lower third once all 10 memory slots have run on the first lower third. I figured the timing deal between the memory boxes now would like to see can it automatically go to the next one. Ie - Lower Third 1 drops to Lower Third 2 etc etc. Thanks so much I am learning so much from you!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    It's all in the timing.

  • @Marvin_mole62
    @Marvin_mole622 жыл бұрын

    Thank you Scott I have a clock on my Stream but I need a new one cheers Again, #Getsome

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    GETSUM

  • @Marvin_mole62

    @Marvin_mole62

    2 жыл бұрын

    @@ScottFichter ty for the info

  • @liliaoyama2732
    @liliaoyama27322 жыл бұрын

    thanks!!!!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    You're welcome!

  • @MookieMc
    @MookieMc2 жыл бұрын

    Lucky for me, I made time for this. (chirp ... chirp) "Time".. get it? You have done a tutorial for a clock. Oh, forget it. But on a serious note, thanks for the hints and amazing content.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    LOL Mookie, you kill me man.

  • @EdwardFowler
    @EdwardFowler2 жыл бұрын

    Wondering if you could do a video of having different times clock on screen like on news channel for example let's say its 7pm BST it would change to 2pm EST and so on if that makes sense can't seem to find the video I'm looking for on KZread.

  • @MrJani0951
    @MrJani0951 Жыл бұрын

    0:44 i confirmed my mail and i didn't recieve any link for download... it's just redirecting to another site... and where are other PNGs files of clocks, there are only two in google drive link

  • @HeyHedgehog
    @HeyHedgehog2 жыл бұрын

    Hey Scott. Far and wide you are by far the best content creator when it comes to both being innovative, doing a lot of the researching legwork, and teaching it while being extremely thorough and entertaining. That being said I have two questions- Do you know if there would be a good, feasible way to create an effect that can make images have more of a retro effect and feel? In terms of like, for example, what is done to emulate 70’s/80’s/90’s broadcasting with subtle noise and discoloration effects? I know many artists like to make use of different, slightly offset RGB layers and perlin noise and overlays to create similar effects, but can OBS accomplish this? Secondly- do you have a page or community or perhaps even a site other than PayPal to be able to support you and send donations? (Like patreon or Ko-Fi) Thank you!!! You are a rockstar!!!

  • @HeyHedgehog

    @HeyHedgehog

    2 жыл бұрын

    Actually just found a link in your about me section!!! Again, you rock! Keep fighting the good fight!

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Hedgehog, it is my goal to make a tutorial about OBS that is watchable by folks who don't care about OBS. I know it's possible. There will be a day when I get that good. Thanks for the comments pal.

  • @beauthompson5338
    @beauthompson53382 жыл бұрын

    Hi, Scott great video do you have a digital version of this using codepen?

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    "Do I have a digital version of this using Codepen" Hugh????

  • @beauthompson5338

    @beauthompson5338

    2 жыл бұрын

    @@ScottFichter I am look for a digital clock instead of a analog clock whit hands?

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    @@beauthompson5338 codepen.io/search/pens?q=digital+clock

  • @vrijheidradio
    @vrijheidradio2 жыл бұрын

    thanks, I got this on my stream with a loop of Joe Biden falling asleep

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    LOL - Trust me, a nuclear war with Ukraine wont wake him up.

  • @googleppe
    @googleppe2 жыл бұрын

    Thank you for this guide. I'm using OBS on Ubuntu 18.04 but clock is not visible.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    How are you hosting the image of the clock face?

  • @googleppe

    @googleppe

    2 жыл бұрын

    @@ScottFichter hello, I did same on windows10 and it works perfectly.

  • @meinardwolters
    @meinardwolters2 жыл бұрын

    Thank you, Scott.

  • @ScottFichter

    @ScottFichter

    2 жыл бұрын

    Very welcome