Adding Graphics to ATEM Mini with H2R Graphics // Quick Tip
Вставка
- Опубліковано 2 лип 2024
- Want to add lower thirds, ticker, timers, or other graphics to your ATEM Mini Pro live stream? Here's how to make it happen with H2R Graphics.
H2R Graphics: heretorecord.com/graphics
Docs: heretorecord.com/graphics/docs
Need help? Book a 1-to-1 consultation
h2r.li/cal
Timestamps
00:00 - Intro
00:11 - Download H2R Graphics
00:59 - Chroma keying
02:12 - See it in action
02:40 - Stream Deck control
04:29 - Final thoughts
Buy on Amazon
(affiliate links)
ATEM Mini: h2r.li/p/atem-mini
ATEM Mini Pro: h2r.li/p/atem-mini-pro
Learn more
heretorecord.com/blog/atem-mi...
Places to find us
Website: heretorecord.com/
Twitter: / heretorecord
Facebook: / heretorecord
Instagram: / heretorecord
Newsletter: heretorecord.com/newsletter
Discord Server: / discord - Фільми й анімація
I just found your channel today and thought, wow this channel has some great information. THEN I saw you had this software for FREE and it's amazingly simple and useful. My hats off to you for making great resources that are very full featured as well as simple. Seriously so cool.
Really happy to hear it!
@@heretorecord Hello, I to like your content . I cannot figure out how to move the chroma screen to the ATEM mini pro. Is there a particular way it should be connected to make that happen?
H2R is FANTASTIC, John. Great job man, thank you!
Thanks Zach! Always good to hear it :)
Thank you for your work on this wonderful free resource John! Would love to see a pro version for a small fee, ability to to add multiple messages, and possibly something to add a handle and comment to show viewer questions whilst live streaming.
Superrrrr, clear and useful!!! Thanks
Love this thank you so much for your work
Looks good going to set it up in my tricaster mini
Hi John. Thank you so much for these new quick tips. I’m still waiting for my ATEM mini pro to be shipped, so I’m using the time to get up to speed to hit the ground running. I’d really appreciate a video on using the ATEM mini with the Hyperdeck Studio Mini if possible (not sure if you have one).
Amazing resource! Thank you!!
Glad it was helpful!
Great piece of software, and it's free! unbelievable
@HeretoRecord...I downloaded the program today. It looks like something I can really use. Wish me luck, trying to learn all of this stuff. I think this program will be a must have, in a couple of years. Thanks!
Hope it works well for you! Let me know :D
awesome, thanks fo this new format :)
Glad you like it. Finding it hard to get time to make videos but this format helps me a lot!
@@heretorecord it's very good as i personally like more to-the point video, no need for the same old tired unboxing and basic setup video. Kudos!
Perfekt teiming, har siddet med dit program hele natten.
Good to hear it - let me know of any issues (or successes) along the way!
Just FYI, if anyone buys a NEW Stream Deck, they are onto a new hardware version that 1.x of Companion won't recognize. You have to use one of the 2.0 beta builds. Obviously, beta software is not good for production use, but I can confirm it works, just be aware. Hopefully that helps some of those out there wondering why their new Stream Deck isn't being seen by Companion.
Great ! Thanks guys !
Glad you liked it!
I really like the tips you share. Quick question, what is the best way to bring in the latest MacBook into an atem production 4k switcher? I tried with the datavideo DAC-70 with no success.
About to do a live feed in a day and Wirecast (AKA wirecrash) is failing as usual. I have had H2R Graphics installed on my PC for a while and thought it was about time to try this. Wow, so easy to use. I could have ditch Wirecrash a year ago. Thanks for making this product and making it so easy to use!
Happy to hear that (well not the part about Wirecast crashing), but otherwise glad you found H2R Graphics!
Can show a tutorial on how u use the css to pull a graphic as a lower third like the logo. I want to show the graphics png as my lower thirds etc
Nice bro
+1 for the Linux version. Thanks!
Software takes a bit to get used to, and lacks scrolling bars on the side, so unless you hit the up and down arrows, you might not see all the settings or options displayed on screen.
Besides that niggle, the main thing missing is an NDI or RTSP output, rather then needing a physical device connection.
John on the image show I’m trying to.show 1 or more graphics with each graphic to a button what’s the correct value
Hi there! This video is super helpful but the DOCS link no longer works. Is there an updated version?
Got it
Algún tutorial para aplicarlo en ATEM Studio television hd? Gracias
hey, could you tell me why i need to use 2 extended windows so 2 hdmi inputs in my ATEM MINI when using option with Key/Fill? Not just one when using Chroma Key. What is the difference?
Great job John, thank you very much! I've downloaded and it is working well :) Three questions please
1. What's the best way to connect 2 HDMI outputs to a mac? Thunderbolt 3 to dual HDMI? For an older laptop with no thunderbolt 3?
2. Can the transparency of the graphics be adjusted? I see that happens during the fade transition but don't see a way to control that while the graphic is being displayed.
3. If we want to support you how do we do that? :)
Good questions. 1) I would indeed use Thunderbolt to HDMI 2) kind of, you can set opacity using custom CSS 3) heretorecord.com/support/ and just watching the videos is support!
John - Fantastic App, the ability to add lower thirds on the fly is so useful.
Have you any other Themes available yet or can I customise my own?
I have a few built in and then you can create your own themes!
Thanks for the great feature.. i am trying to get used to h2R graphic at the momment. For companion to work, does it need internet connection? Or as long as they are conected tru LAN it will works?
No need for an internet connection so long as you are connected to the LAN.
I am currently using the TV Studio HD switcher and have a monitor attached for multiview. I am using an iMac to run the ATEM software. In order to use the H2R Graphics software, I just need to connect the iMac to one of the HDMI inputs on the TV Studio and set that up as an extended display? TIA.
Yes, that's about it!
I really love your program. It is so helpful! I have been able to get the graphics into our live stream with no problem. I have not been able to figure out how to get the Stream Deck to talk to H2R, I set it up as you instructed but it does not make changes. I have to use the beta of Companion. Could that be affecting things negatively?
Perhaps you are running them on two different computers? Or maybe you have not set the port right. Either way send me an email and we can see what we can do. John(at)heretorecord.com
@@heretorecord It was the wrong port. I got it all figured out and it works great!!! Thanks!!!
How do I remove the green screen? I have custom transparent lower thirds but they're not so transparent anymore when you can see the green screen through.
Hi ... very cool video ... and awesome software. thank you. Just a question ... Can you get the graphics I upstream key 1 to follow all the cameras inputs? so the graphics doesn't turn off when I press camera 2 (if I have upstream key 1 to follow camera 1) I hope it makes sense. Best regards
You’ll want to head into the “ATEM setup utility” and make sure that you have “keep with transition” set up for the keyer. This way your upstream keyer will not disappear
@@heretorecord Thank you so kindly! best regards
If I understand correctly John my second MacBook (#2) would be used for H2G titles and that would come into one of the four available HDMI inputs on the ATEM connected to my main streaming MacBook (#1). I could then use my Streamdeck to control ATEM.
The only issue is that (currently) you need to run Companion and H2R Graphics on the same laptop, otherwise, yes!
@@heretorecord This is awesome sauce John. I just discovered the "Break" worksheet, and how you can run an extended training webinar with the picture of presenter according to timeslot. Brilliant!
John how can I pay you? You should have a donate button for this valuable software or some way to pay for the value.
Currently the amazon affiliate links are the best way! heretorecord.com/support/
@@heretorecord ok mate, I will keep in mind for next time I shop on Amazon. I assume if I start off with the above link then search for an item, they will push a few bucks your way.
Does all this apply the same with the ATEM television HD?
Thanks for your videos, John. Could you do a segment that covers how to do TWO PiPs using either two ATEM Minis or a combination of Mini and Mini Pros? I have a live event client that needs the camera feed and the PowerPoint being shown to the audience captured for record using this approach. They do not want to design the slides with a blank space for a PiP window.
I put that on my todo list today! Will do!
@@heretorecord Here is a sample of what I am trying to achieve: 1drv.ms/u/s!Ak6KDkZlj8QXhm12DpCQTvL1te4h?e=zOGQGy
Joe W. IMO for that a Roland VP-42H is better solution but more expensive I know. Peter
Decimator Dmon Quad would be perfect for this.
@@heretorecord Hi, John. Were you able to try this out?
Do you plan to add functionality of been able to use this to display lyrics on a live stream. Also the option to be able to change individual font as well as reduce the opacity of the the background bars
Lyrics is a maybe. Fonts and colours can all be changed with CSS for each element!
John, would like to know how all the logo, time, lower third and tag graphics can show all together. When using, is it possible to use green screen for the speaker at the same time? Can ppt be show at the same time since already taken up the computer output source. All done through Atem Mini Pro. Many thanks!
If you use the DSK Luma keyer, set the H2R Graphics background colour to black, then you can free up the green screen for your talent!
John Barker, thanks for you info. I’m trying to follow your tutorial. I have H2R Graphics loaded on a second computer which is connected to an HDMI input on the ATEM Mini Pro. I am not able to drag the chroma screen onto the preview screen like you do in this video. What am I missing? Do I need an additional monitor? And if so what is that second monitor attached to and by what means. You mention an extended monitor. If I do need two monitors connected to my second computer, how do I control which monitor is seen by the ATEM Mini Pro? I do have an additional monitor which the ATEM’s HDMI out is connected to, but the only way it sees the green screen is if I expand it on the second computer’s monitor but then I cannot control the H2R Graphics because the controls are covered by the green screen. Thank you for any help and/or insight you can provide.
No need for a second monitor. The ATEM *is* your second monitor in this instance. So you just need to find out what direction it is and drag the window that way. You can see this in the System preferences. Feel free to send me a screen recording of your progress to my email and I can help from there. john(at)heretorecord.com
Hey! How can I get the extended display view in the Software control? thanks for the video!
Not 100% sure what you mean, however you will want to activate extended displays in your system preferences by making sure that your computer does not “mirror” the HDMI output.
Hi John, loving H2R Graphics on first glance. I'm trying out the companion Streamdeck emulator before I buy one and I've set up 4 buttons for timer, logo etc. Can I set the buttons to 'toggle' the H2R graphics on and off, or do I have to set separate buttons for on air and off air? I checked the toggle box in companion but it doesn't seem to work as expected. Many thanks
Yes you can do this. You will need to use the “latch toggle” option on the button and then set a separate “key down” and “key up” action. If you have issues then get in touch over email with some screenshots of your progress John(at)heretorecord.com
amazing , can I insert lower thirds I did on After effects , mp4 files ?
You cannot. Lower thirds are created within the software itself
Hello,
thanks for an incredibly good instructional video.
I have really benefited from it.
Have a question about the key being on all the time, and turning off when switching to another video source.
Is it possible that the key is on all the time and how do you do that?
Sincerely
Lasse
Hey - that is possible. In the ATEM Setup software you can toggle a feature called “drop key with transition” which will allow the usk to stay on.
Hello,
thanks for the quick reply, it works and I'm really happy with what you can do with this configuration.
With kind regards
Lasse
I plan on using an Intel NUC for the H2R graphics and other PC needs when I get my atem.
I'm going to be torn between Linux and windows for this system because there's some great audio options for windows like voicemeeter.
Oh and definitely test this product with a Raspberry Pi.
The Key is not clean, I can see a vertical Line on the right side (2:11). Is that coming from the Computer or from the Atem? (do you see it on a screen as well without the atem?)
You can clean up the key by playing with the settings in the ATEM - I just ran with it like that for this video, but some time and patience will work in your favour!
How did you get it into Preview and Program at the same time. I have to toggle the switcher stick just so to do that. I can get the computer feed into the channel and either program or preview but not both.
I have my ATEM set on Preview/Program mode, that was you can use the buttons for preview and transition controls to bring it onto Program. You can also use the ATEM Software Control and set cameras on Preview and Program at the same time.
H2R is great for our live productions! Not sure if this would be complicated or not, but have you considered having it output NDI? It might not be useful for the atem users but there’s a bunch of us that I think would benefit from this.
I have considered it. For now you can use the NDI Scan Converter app which will work!
@@heretorecord Yep I'm actually doing that right now, thanks for thinking of it!
Thanks for the helpful videos.
Will this work with the original Atem Mini?
It sure will!
@@heretorecord Great. Thanks. Keep up the awesome work :-)
How do I use this with the downstream Key, What do I do on the ATEM. Great videos thanks
You just need to set the Background colour to black instead of green, then use a Luma key. Finally, avoid any black graphics in your production.
how to use atem mini pro, easyworship and H2R to live streaming and presentation in church.thank you bro
Thank you very much for your contribution, it really help to our institute we are using this for Dharama class. I am using your latest version v0.3.0 and want to learn about the Key/Fill. could you please help us in some confusion. Once again Thank you very much. Passang.
Hey - I’ll be happy to help.
The key/fill version is something you can use to get a clean keyed version of your graphics. The “fill” window is all of the graphics as you would expect them in full colour, the “key” version is a grayscale image where any part that is black will not be seen by the viewer and anything white will be seen.
You can use a Luma key in on your video switcher and allow it to do all the keying work for you.
@@heretorecord Thank you very much for your quick response, I got some idea of key/fill. I am using Key/Fill in downstream to show my logo and messages so that I can use Upstream for DVE simultaneously. Luma key comes under Upstream. I am using BM Atem Mini Pro ISO. Do I need two monitor to show key and fill separately because in key i can see the wipe effect of message but on fill I can see the messages but there is no effect (wipe).
I have just started playing with my Atem Mini Pro and I tried using H2R graphics package through my Microsoft lap top as Mr Parecki demonstrates, but and there is always a but, when I popped it into camera four HDMI slot I had two issues- the chroma top quick exit ribbon stayed on the screen and when needing to bring up different graphics up the control panel went across the chroma screen- someone somewhere is going to chuckle but as an Old man I am struggling- any help gratefully received
Not to worry. The way to fix the first issue is to use CTRL+F to bring the chroma window full screen.
Not sure about the second issue, perhaps you can send me screenshots to john@heretorecord.com
Thank you John. H2R graphic is great tool. I have been suing it for quite some time now. Can i change chroma color from Green to any ( blue). I tried that with Atem MIni and for some reason it did not work. But green works great. What am i missing? Also for H2R graphic chroma output window (ATEm mini) if I go full screen from MAC i am not able to control anything else. On my mac's main screen i can use only h2r Graphic.I am sure its something to do with MAC. can you help solve this.
Thanks again for all your wonderful videos.
You can go to the settings tab in H2R Graphics and pick any colour! And you can fix the Mac issue by going to your Macs system preference>Mission Control> and make sure that “displays have separate spaces” is on
In the Lower Thirds function of H2R Graphics, can you add Horizontal offset in the new version? because I want to move it around the screen instead of just choosing Left or Right screen. I hope to see that version in a short time. Thank so much.
Good thinking!
1. How to get the ticker to have a translucent background?
2. How to change the timer settings to display time in am/pm format?
You could set the background colour of the to a off-green colour to try and see if it works. And there is currently no “am”/“pm” function! It’s on the list though!
Can i do this without my ATEM Mini Pro ? i Don't see why not but it's not working. i'm at home and my ATEM is at church.
Outstanding videos! I am in a fully green studio. Created to help Pastor who would love to live stream but do not have the equipment. I have 3 cameras and using sling studio into my 4th HDMI output. Will your H2R Graphics work In a chroma color studio. Will they overlay on my production.
I haven’t tried it with sling studio. Did you try it yet?
Do you have any info on installing the graphics software on a raspberry pi with companion?
I haven’t actually tried it out yet!
Hi!
Theew is a way to ad graphics with the ATEM Television Studio HD?
I'm having may problems in find out how to do it !
thanks
It should work exactly the same as in this video, did you manage to get it working yet?
@@heretorecord not yet! I'm not available to connect H2R to Atem studio ! I don't understand why.
Feel free to send pictures/screenshots to me... john(at)heretorecord.com
StreamDeck is not communicating with H2RG. 😕 Graphics behave fine when triggered inside H2RG, and all settings (IP and Port) match in H2RG and Companion. Even tried both ports 8080 and 8181. Any ideas on what I might be missing?
Happy to help over email... John (at) heretorecord.com. Send screenshots and I’ll help out!
Great video! Is it possible to contro ATEM and have H2R graphics on same computer?
I think to use two monitors
First monitor: atem controller
Second monitor: H2R graphics software control
Hdmi output to ATEM mini : H2R fullscreen feed
Have you tried this?
Thanks
Defiantly you can do this. I do it all the time!
Hello,
I really liked your video. However, I would like you to explain me in more detail, because I am not clear at all. How is the connection with the Atem mini and how do you move on the Chroma screen?
In the video it is between 0:33 and 0:45 min.
You don't know how I'd appreciate it if you answered this question of mine.
a greeting
It is connected just like you would connect an external monitor to your computer. HDMI out of the laptop any into the ATEM Mini, which causes the computer to think it is connected to an external display. With this working, you can drag any window onto that external display.
Hello I do have a really hard time to connect h2r to the ATM mini and I'm really having a hard time I have one desktop one laptop and two monitor please if you have a way let me know
How far have you gotten so far?
I have setup everything according to your video however when I press the button on my stream deck, nothing happens. I must be missing something. I'm assuming that H2R graphics runs off the second laptop that is plugged into the Atem Mini Pro as camera #4. Or should H2R graphics run off the main computer? Please help.
The simplest way is to run Companion and H2R Graphics on the same laptop
@@heretorecord Meaning that companion and H2R graphics should run off the main laptop and not the second laptop that is connected to input #4 on the Atem Mini Pro? If that is the case, how do I setup the Chroma Key function if only using one computer?
Hi. I'm getting this message when trying to download the Mac OS version: This XML file does not appear to have any style information associated with it. The document tree is shown below.
SignatureDoesNotMatch
The request signature we calculated does not match the signature you provided. Check your key and signing method.
Tell me more... where are you downloading it from. Where does it say this message?
@@heretorecord The link is fixed now.
How to add custom graphics to the lower third, ticker, etc any other than the logo? How to add animated files ?
Currently CSS is the only way to add customisation. If you have lower third graphics already then you will need to build them with CSS
Been using the ATEM Mini Pro and ran into an issue. I was streaming with a Netgear M1 hotspot, and the first time the ATEM got on the network fine. Not sure how, because it didn't ask for password it just showed up. Connected laptop through wifi on same network.
Next day I tried to get back on the hotspot and ATEM won't connect. Any thoughts as to why?
Loved your video by the way.
I have no idea on that one - did you manage to sort it?
@@heretorecord yes I did. Had set it to a static IP after the first time, and then couldn't connect. I've added a mobile router in between so I can make sure they are both on the same network. Trying to get the computer out of the mix since most of what I do is mobile.
The monitor is linked to the Atem Mini with an HDMI - there is no connection between my laptop with the H2R app and the monitor's window. How does this drag and drop work? I am confused.
You will want to make sure your computer is on "Extended Display" mode just as though you have connected it to any external monitor where you have two desktops. Then you will be able to drag windows between your screens.
@@heretorecord Thanks, problem solved. This was a massive brain fart on my behalf. My mistake was thinking in terms of the multi-view screen as a whole - when, like you say, I only needed to extend my monitor via the hdmi cable to camera 4 input in the multiview :-) Pretty funny to get so absolutely blocked.
It would be really great if H2R Graphics would allow simple display of stills.
Thanks for the request. I’ll add it to the list. For now you can actually just throw an image in the logo element and make it full size!
Are u using a Mac book or a pc, do u need 2 hdmi outs on your pc.. is there a diagram to show how to connect second monitor
I’m using a Mac and I am only using one HDMI output
Here to Record it appears u are dragging the green screen over to a second monitor, and also u are using that out of the Mac to the ATEM..
I got it figured out.... just want to suggest that ur software allow to bring up your own lower thirds created just like u pull up ur own logo.
Would it be possible to have H2R graphics while also running a PIP in the ATEM mini?
It is possible. You just need to use the DSK for H2R Graphics and do a luma key. If you set the chroma colour to black on the background of the output window then you will be able to do this! I discuss it at 26:29 in this video ua-cam.com/video/AxMd_QOPbME/v-deo.html
Can't get it to work. The instructions don't make any sense to me. It says you have to connect the ATEM Mini or Pro to your computer via HDMI. And you need a 2nd extended display, so you have one for key and fill? How do you connect a computer via HDMI? USB or a Network connection is the only way to connect to a computer. So even if I used two computers, one for key and one for fill, I couldn't possibly connect them both to the ATEM? Sorry, totally lost here. Using ATEM Mini Pro with Windows 10 and Stream Deck.
Hey - you actually want to connect the computer to the ATEM with HDMI as though you were connecting your computer to an external monitor or a TV that was right beside you. Often by default your computer screen will be mirrored on that second display, however you need to turn off mirroring in order to get this setup to work. Feel free to send me an email with a short video of your progress and I’ll be happy to help! john(at)heretorecord.com
Any recommendations for a good place to find more themes?
Working on more for the future!
So, yeah, a Linux version would be great... a Raspberry Pi 4 would be a great host for H2R graphics! Not to mention it has two HDMI outputs... which might be of some use, some how?
James Webster I had the same idea. The raspberry is a good solution for that
I’ll have to get my hands on one and give it a look!
If you're interested, there's an unofficial Linux build over here: github.com/cjdenio/h2r-graphics-linux/releases
No guarantees that it'll work on a Raspberry Pi, but it might be worth trying out.
I love this thread. The cheapest windows option would probably be an Atom compute stick.
Why would one need the H2R Graphics since the ATEM Mini Pro already has a (single) upstream keyer with all the green and chroma keyer necessary to display alpha channel graphics via Macros? I don't understand the need for this software.
H2R Graphics will allow you to show animated lower thirds, a ticker, logo, message and UA-cam chat all at the same time. You would not be able to do thus with alpha graphics on a single USK.
Here to Record thank you
For the life of me i can't get out of a black screen when I put the chroma to full screen on my mac.. Any ideas?
You should set up your displays to have separate spaces in the System preferences
@@heretorecord Thanks John. I made all the settings but forgot that I needed to log out and log back in again / restart... Gotta laugh really
Thank you for the video! Is it possible to show YT-Comments with H2R Graphics? Thanks.
Some day!
@@heretorecord That would be great. Thank you!
Can the companion app control the black magic web presenter?
Seems like it doesn't yet
Can I use this on my Atem Mini?
Yes!
My setup is totally Mobile. How could I make this work without a desktop/laptop?
When the Linux version comes look into a Raspberry Pi with HDMI out for $50 or so. Or you can use a NUC or Intel Atom compute stick for the $100-200 range.
I personally have a "box" flavored Intel NUC that the ATEM will be replacing. That i7 still uses a lot of power (3x the ATEM mini Pro!) so I might get a compute stick to try instead.
LattePanda - raspberry pi sized board, but runs Win10
Is that only possible with the Pro versions?
Which part?
@@heretorecord Sorry, my question was very unspecific. I´d like to control h2r with my stream deck. But I´m not able to fade in a graphic with the stream deck. It works well when I fade in the graphic with h2r directly, but there´s no connection between the stream deck an h2r yet. Or well, there is a connection: When I push the button on the stream deck, the button in companion is also "pushed", but I can´t bring any function to the button. Companion only offers me Basic actions for h2r, that only contains 2 buttons. So I created a new button, but I still can´t execute any action by this button. When I generate a press action (show/hide graphic), I can´t add any graphics. It says "no options" in the Graphic drop down list. Or when I use "Send String", I can do the same adjustments like in your video, but where can I tell companion, which text or graphic it should show up? I thought that this are maybe functions that only work with the Pro versions.
cannot run on macos Catalina, why?
You need to right click the app, choose open then open again. Will fix in a future version!
Why such a work around when you can bring in a png image made in illustrator as an input.
You are more than free to do that! But maybe during the live show a guest is changed to another one and now you need to update a lower third. I bet you could so that faster with H2R Graphics than with AI.
A set of pre-made guest names for a program in png format is one button away.
@@heretorecord yes I agree. I had that situation and H2R to the rescue :)
i hope you have version for ios
I do not :(
Can't download XML error :-(
Tell me more... where are you downloading it from. Where does it say this message?
@@heretorecord in the mean time it seems to work.. thanks.
You lost me when you said this works for mini and mini pro, but immediately show a pro interface without explaining how it works with mini.
The ATEM Mini and ATEM Mini Pro interfaces will function identically for this process, though if you have any specific questions then feel free to reach out! John(at)heretorecord.com