 If you want to know how to use video overlays with sound in Ecam Live, then this video is for you. Hello and welcome to Take One Tech, my name is Alec. And in this video, we're gonna be talking about how you can use overlays in Ecam Live, where they also have sound as well. Now, this video came about because I have done a number of videos about how to make animated overlays using Keynote. So I'll link to all of those videos in the description and also in the top corner as well. But I had a question, which was if you want to actually have these with sound on in Ecam Live, because as it stands, there are two different ways you can display video overlays in Ecam Live. Either you can have it be a full window movie that runs as the sort of main body of the scene, in which case it can have sound. But if it is just an overlay over the top of everything else, then if you've just exported the files as a movie from Keynote, then at the moment, that cannot have sound. Now, the answer to this is by converting them to WebM files. Now, this is another one of these videos in my series this week of things that I've learned from Doc Rock, because I'm gonna show you basically how he told me how to do it. So it is just a run through of that process. However, the exact question that I had in my original YouTube video was that this viewer had actually gone through the process of converting the exported Keynote file to a WebM file and was having an issue where at the end, there was still a black screen appearing or a black frame, if you like, at the end of the video. So what I'm gonna do is I'm gonna show you a quick and simple way that you can create these WebM files for those of you who want to know that, and then there'll be a little bit of troubleshooting just at the end to get to the bottom of where that black frame has come from. So let's first start by showing you exactly what I'm talking about. If I come into my demo mode, in fact, first of all, let me come into my screen sharing, and what I'll do is I'll show you this file that I've created, which is a simple animated overlay. Now, this is the exact same things as I've shown you how to do in my previous videos. So as I said, I will link to those. Now, if I just click in here and give you a little preview of what this does, actually with the preview, it's not gonna play the sound, but there we go, it just sort of builds out that lower third. And I can actually now show you, come out of screen sharing, and I'll show you the exact file. Because if I come into here, we've got it over the top there, and you can take that one off just for the moment. Getting a bit trigger happy there. So what I've done is I've created this overlay. I've exported it from Keynote. As I said, watch the other video to find out exactly how to do that. But if I show you what this video looks like, if I just preview it like this, in fact, it would help if I was in demo mode, wouldn't it? You'd be able to see what I was doing then. If I just preview this file, I've just added that little sound. Normally I don't have sound on my lower thirds, but I've just added that little sound there as a by way to demonstrate what we're talking about. Now, if I just drag this file, this lower third with sound into Ecum Live, and go to drop it onto the scene, it will give me two options. One is I can play full screen with audio, or the second one is add animated overlay. So if I click full screen with audio, that then becomes the actual main dominant part of the scene. When you are setting up scenes in Ecum Live, you can choose between from the source, can either be a blank screen, it can be a camera, so that's what it was before, or it could be screen sharing, or it can be a video file. So this is basically what we've got it set to now. But that's not what we want, is it? Because now that is just taking up the whole screen, and my picture is now just a little picture in picture at the bottom corner. So that is clearly not what we want. What we want actually is we want the file to be more floating over the top. So if I click here and click animated overlay, now we've got the animated overlay, we can move it around and we can resize it. But then the problem that we've got is there's no sound. And that is where the WebM files come in. So now I'm gonna show you how to create those WebM files using a piece of donationware software. And I urge you to donate to software developers who make their software like that if you find it useful. But we'll go and do that now, and then I'll come on to the black screen issue, the question that I had originally, I'll come on to that at the end. So first of all, let me show you where to grab this software. I'll come out of my demo mode for a moment. Right, so now what I'm gonna do is I'm gonna share my screen and show you where to get this software. I'll obviously leave a link to that down in the description, but it's this software is called shutterencoder and you go to shutterencoder.com. As I say, it is a free software, but without limitations or advertising and it's support through the existence, it continues to exist rather through the support of donations. So what you're going to do is click on here. Now, what I wanted to do was I do want to actually run through the installation process because there's something that might catch a few of you out if you downloaded. If you're not familiar with this behavior, on macOS. So I'm gonna go ahead and download the macOS version and here you go. It's gonna take you through to this page where you can make a donation, but the going back to the download page is here and it will have actually already downloaded it. Now, the thing that I want to show you is actually when you come to open the download, so it will download it as this shutterencoder package, much like another installation package. So when you double click on that, it should go through the installation process. He says, I'm not actually clicking on it properly. Now, there you go. It says, shutterencoder 15.1 cannot be opened because it is from an unidentified developer. Now, this is a system that was put in place by Apple. A few macOS releases ago, I can't remember exactly when, but it was to stop potential malware, but this is a safe package and there is a way to get around this. First of all, we are going to right click on the package and then where it says open, we're actually gonna not even press that straight away, but hold down the option key. This does sound a little bit convoluted, but this is the way to get around the unidentified developer situation. So we click on open there and then now it has actually opened the package. So I know that that might have caused a bit of confusion for some people. Now this has just popped up a notification that says macOS cannot verify the developer of shutterencoder 15.1 64-bit package. Are you sure you want to open it? And at this point, if we say yes, then it will go through with the installation package. So I just wanted to actually, I've just deleted the app and reinstalled it like this because I wanted to make sure that you were aware of this process and yet it's not entirely obvious exactly what you would do with that. So as I say, just a recap when you get the shutterencoder package, then right click on it and then go up to where it says open, but hold down option and then press open. It's a bit like some top secret thing, turning two keys at once, but that's what you have to do. And then confirm that you do actually want to open the package. And once you've done that, you'll be able to go through and you'll be able to go through the installation process, agree to all of this, choose your installation location, put in your password, just 50 simple steps and you'll be there. But trust me, it'll be worth it. So here it is just installing and in one minute it's done. So there we go. Now what I'm gonna do is I'm gonna actually open the program. One second if I can spell it right. In fact, I may need to not do it this way. I beg your pardon. He says, let me do it another way. Just one second. There we go. It's gonna be a lot easier. Just actually double click on the application. Now what's gonna happen is it's gonna actually load up the app and let me get rid of that website. But as I say, I'll leave a link to that in the description. There we go. The application has loaded. I, yes, need to just pause the recording then until it's had loaded. But that is the shutter encoder program. And all we're gonna do is we're gonna come back up here with my little preview window out of the way. Sorry about that. And all we're gonna do is drag that lower third that we want to convert to WebM. We're gonna just drag and drop that in here. Now I'm gonna go through the very simple settings that we need to be aware of. Thanks again, doc, for pointing these out. So the first one we need to do is the function is we need to go down to, where is it, VP9. So that one needs to be on VP9. Also make sure that the extension is dot WebM. And then in here, we're gonna turn on two pass and max quality. Those are optional, but we'll just lead to a better quality output. And then finally come down to the advanced features. Whoops, Daisy. If we come down to here and try that again. There we go. So come down to here. And what we need to do is make sure that we have got the enable alpha channel. The alpha channel is the transparency. So that's what we need to make sure we've got toggled on so that it will actually maintain the transparency that we've got in that movie file. And that is all we need to do. You can actually drag multiple files in here at the same time. So if you've got other ones to look at, you can do those as well. In fact, I'm gonna do that because I've got a little test overlay here, which I'm gonna use a little bit later in the hopefully the troubleshooting section. So I'll drag that one in as well just to show you that you can do multiple files at the same time. And then simply go to this start function and it will convert those. And it'll take about a minute or two. Okay, well, the pause function is coming in quite handy on Ecamm Live today because I've paused it to save you the time in sitting through all of that. So that has now processed those two files. And we've now got the WebM files for the lower third with sound and also this test one, which I'll come to a little bit later. So perhaps now what I can do is come out of screen sharing. And then what I'll do is I'll show you in Ecamm Live how we can add these in. So I'll move these over to my other monitor and come into demo mode. So there we go. I've just dragged this folder over to this screen. So now what we're gonna do is we're gonna try and add this WebM file as a graphic animated overlay rather with sound. And if I just drag it and drop it onto the screen, there we go. That's done exactly what we wanted it to do. We can now move it round. We can resize it. And it is actually an overlay on top. If I wanted, I could almost put it behind my other overlay by coming down to overlays. And I'll drag it down here. If I unlock my scene rather, drag it down here like this. And then when I click on it, it should appear behind my other overlay. So you can just stack them the same as other overlays. So that is how you would bring it into Ecamm Live. And that is how you can easily convert it with a shutter encoder, which I'll leave a link to in the description. So that is basically in a nutshell, the end of the demonstration. And if your family's useful, then please do go ahead and hit that like and subscribe button. Sorry, I didn't mean to go to my end screen. I'm getting too trigger happy. Go ahead and hit the like and subscribe button and don't forget to turn on notifications to get notified whenever I do make any more videos. But before I go, I want to come on to that query, which was when somebody had created one of these WebM files. They had actually created it using After Effects and then we're using it in Adobe Premiere as well. I'm not sure exactly where the conversion was happening to WebM from the movie file. But what they were getting was a black screen. And so I'm wondering if it was something like this. So I've done a test version. So I'll drag and drop that one on the screen. And let's see if this looks a little bit familiar because now it's done the animation. There'll be a little bit of a pause while it stayed on screen. And then it should disappear and go to the final screen. And there we go, we've got the black screen. I couldn't actually get this to replicate this with the web shutter encoder itself. But what I wonder might be happening is it may be at the point of export from Keynote. So if I come out of demo mode and just quickly show you what could be the cause of it. It could obviously be something in the settings of Adobe After Effects or Adobe Premiere Pro, depending on where the conversion's happening. And if so, I'm not sure that I can entirely help. But I can say, shutter encoder does it flawlessly. So if I come over to my screen sharing again, and if I go back over to my Keynote slide, which was somewhere, here it is. Here I have a slide with my lower third on. Now, if I had started a new presentation and had another slide in there, then at the point of export, if I didn't export just only this slide. So, and I'm not saying that this is the cause of the problem, but it is a potential cause. So I'm just highlighting it. So if we go to export an export movie, if we've got a couple of slides in there, then we want to make sure that we're only exporting the particular slide in question, which in this case is slide number one. And then we'll just set these to zero. This is the process that I've explained in another video about animated overlay. So I won't go into all the details about exactly what we're doing, but it is important just to ensure that we're only exporting that one particular slide. So then if we click next and export that, then it'll just be the one slide. And incidentally, if I come back to my screen sharing for a moment, no, I've pressed the wrong button. If we come to this one, these two files, that is the only difference between them. They're both exported from that same Keynote presentation. But one of them has the only one slide. And the other one has both of those slides, including the blank slide that's been exported. So as I say, it's just something to think about. I'm not sure that it is entirely a solution to the issue that the viewer was having. However, using shutter encoder, as I say, that will actually solve the problem completely anyway. So once again, I hope you have found that useful. And if you have found it useful, go ahead and like and subscribe to the channel and turn on notifications so that you get notified whenever I make any new videos. And speaking of which, I've got some more videos coming up right now. So sit back, get a grab a coffee and enjoy. Have a great day.