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
Scott, in order to export the zip file, one needs to create a free account with Codepen.
@ScottFichter
2 жыл бұрын
Make it happen.
@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
HTML, CSS and Javascript... I didn't know that this would have such an awesome potential with OBS. Awesome!
@ScottFichter
2 жыл бұрын
YES! CSS is powerful!
#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
2 жыл бұрын
Much respect TheOrgnl.
Thanks for the shoutout, Scott, and thanks for all the work you put into making the buttons. Awesome tutorial on the clocks!
@ScottFichter
2 жыл бұрын
Any time! - Pun intended.
HUGE... so many great clock options... and a great tutorial. Thanks, Scott!
@ScottFichter
2 жыл бұрын
Thanks Gord. GetSum pal. I think you're path just got exciting.
You’re taking it to another level.
@ScottFichter
2 жыл бұрын
Thanks.. I'm trying.
You save my day. Helpful and instructive. Thank you Scott. You earned a follower ;)
youre an amazing teacher!!!
Thanks for this, saw it on a friends stream and asked. Easy to follow tutorial too, including the usage in OBS :-)
That's pretty cool! Well done, Scott.
@ScottFichter
2 жыл бұрын
Glad you enjoyed it. Thanks for the comment WebbsWeb.
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
2 жыл бұрын
www.bluefoxcreative.com/wp-content/uploads/yep.gif
Great tutorial Scott mate ✌️👍
@ScottFichter
2 жыл бұрын
Glad you enjoyed it
Thank you, Scott.
@ScottFichter
2 жыл бұрын
Welcome!
Great tutorial with a relatable analogy.
@ScottFichter
2 жыл бұрын
Glad it was helpful!
Great tutorial and thank you for sharing. Will have a go at this later. I am a total OBS newbie.
@ScottFichter
2 жыл бұрын
Awesome Pauline. Thanks for stopping bye.
Awesome Video> Thank you for sharing
@ScottFichter
2 жыл бұрын
Thanks for watching!
ThankYou Scott!
@ScottFichter
2 жыл бұрын
You're welcome Nevin.
AWESOME!!!! THANK YOU SO MUCH!!!!
@ScottFichter
2 жыл бұрын
You're welcome!
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
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.
thank you, scott.
@ScottFichter
2 жыл бұрын
Welcome!
Thanks Scott,subscibed.
@ScottFichter
2 жыл бұрын
LOL - Thanks for the laugh Doc.....
Nice one!
@ScottFichter
2 жыл бұрын
Thank you! Cheers!
Great job as usual, Scott!
@ScottFichter
2 жыл бұрын
Thanks Pal... I hope you're doing well.
@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!
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
2 жыл бұрын
Rob, I think you'll like this method.
@RobertAgarHutton
2 жыл бұрын
@@ScottFichter - It's great - I am using it with just a second hand - makes a useful on-screen timer.
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
2 жыл бұрын
It's all in the timing.
Thank you Scott I have a clock on my Stream but I need a new one cheers Again, #Getsome
@ScottFichter
2 жыл бұрын
GETSUM
@Marvin_mole62
2 жыл бұрын
@@ScottFichter ty for the info
thanks!!!!
@ScottFichter
2 жыл бұрын
You're welcome!
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
2 жыл бұрын
LOL Mookie, you kill me man.
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.
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
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
2 жыл бұрын
Actually just found a link in your about me section!!! Again, you rock! Keep fighting the good fight!
@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.
Hi, Scott great video do you have a digital version of this using codepen?
@ScottFichter
2 жыл бұрын
"Do I have a digital version of this using Codepen" Hugh????
@beauthompson5338
2 жыл бұрын
@@ScottFichter I am look for a digital clock instead of a analog clock whit hands?
@ScottFichter
2 жыл бұрын
@@beauthompson5338 codepen.io/search/pens?q=digital+clock
thanks, I got this on my stream with a loop of Joe Biden falling asleep
@ScottFichter
2 жыл бұрын
LOL - Trust me, a nuclear war with Ukraine wont wake him up.
Thank you for this guide. I'm using OBS on Ubuntu 18.04 but clock is not visible.
@ScottFichter
2 жыл бұрын
How are you hosting the image of the clock face?
@googleppe
2 жыл бұрын
@@ScottFichter hello, I did same on windows10 and it works perfectly.
Thank you, Scott.
@ScottFichter
2 жыл бұрын
Very welcome