Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
This video is specifically for those of you who want to host your own stuff on the web. A note here: you have to be very, very careful about that, and I'm going to talk about that as we go. I'm using, again, our starting point. You can use anything from Final Cut, or anywhere else, but we're going to modify a couple of the Apple presets and build some video that's decent for the web, as opposed to hosting it on a site like YouTube or Vimeo and embedding it on our web page. I'm not going to show you how to embed it on your web page.
That's really for your web-authoring site, whether you're using iWeb or Dreamweaver--another great lynda title. But in this case what we're going to do is we're going to at least build the video so it's of a adequate size for pretty quick playback, especially if you don't have a streaming server. I think it's pretty fair assessment that most of us don't. So I'll take our video as a starting point. I'm going to go ahead and add it up here, and I'm going to take a look at the Apple presets. There is a neat Apple preset here for HTTP Live Streaming. Now, this is going to be a large future of video delivery because a lot of streaming servers can handle it, and we're going to cannibalize two of the settings from in here and build them for ourselves for web playback.
We're going to build a large and a small. Then, the only thing I'm going to warn you-- let me go ahead and open this up. You'll see that every single one of these has a speed: 5 megabits, 2.5, 500, 220, 750, 1.25 megabits per second. These really have to do with your connection to the Internet. And a question I'm often asked when I teach this stuff at seminars is that "hey, how fast is my connection to the Internet?" I really recommend that you go to a web site like speedtest.net.
It's a great way for you to test your upload and download speeds. That's going to come back to us in a little bit. For example, my speed at home, I happened to have a cable provider, I get about 16 megabits per second. I've got a friend who has got FiOS; he gets about 10 megabits per second. I'm going to build two files here. I'm going to pick two files that I feel are adequate small sizes for the web, and I'm going to pick the one here at 500. And even though it says Cellular networks, I'm fine with that. I'm also going to take the 1.25 megabits per second.
Let me explain why I'm picking both of these. The smaller one, well, my friend's network who has got 10 megabits per second, I can get about 20 people connecting simultaneously without overwhelming his connection. With the 1.25 megabits, I can only get about ten people, really, like, probably more like eight. What I'm trying to caution you is if you decide to host your own video, be aware that multiple people connecting simultaneously can crush your server, whether you're hosting it yourself or hosting it somewhere else.
I'm picking these two data rates because this is--about the Cellular High is about the equivalent of the smallest YouTube quality, and this Wi-Fi High is pretty good. It's what I would call a standard- definition size, so we're going to go ahead and customize both of these. I want to take the Cellular High before I go any further. I might as well adjust a little bit of it. I'm going to go ahead and apply it first. Let's customize it while it's up here. So you can see here in the Inspector that my Selected Target is an H.264 for cellular networks.
I don't care that it says Cellular. There we go. And it's an MPEG-4. I'm going to go ahead and take it up to the main profile. This is a little bit higher quality. I'm also going to tell it to automatically pick its frames per second and Key Frame Interval. It's going to just analyze my file. I'm pretty comfortable with that. I'm not happy with this bit rate; it's a little lower than I expected. I expected to see this at 500 because that's where it originally started up here. So I'm going to just type that in as 500 megabits per second, and I hit the Enter key, which automatically says Save As. That's fine.
We're going to call this setting here Web Small, and we'll put its speed there, 500 kilobits per second, or 0.5 megabits per second. And there's one or two other tweaks I'm going to do, so let me hit Save. I'm going to tell this to be multi-pass, and I'm pretty happy with the way that's set up right there. And you'll see it's in our Custom settings. It's down here under Custom. I actually may have made a mistake there, so let me show you the mistake. Let me delete this. I'm going to put that Web Small up there.
When I see it, you'll see Multi-pass isn't selected. It's because I hit Save and then clicked off of it. Let me do that and hit Save As and just save it as it's the same name. Let it replace what's there. There we go. So I'm pretty happy with that now. Let's do the other one. I'm going to take the 1.25 megabits. I'm just going to apply it straight up here. Again, we're going to save and adjust its changes to make sure we're happy with where it sits. Originally this was meant for HTTPS streaming or HTTP streaming.
We're not going to use it for that use. I'm going to go ahead here, I'm going to make sure it's using the main profile, and I'm going to tell it to automatically just adapt to the Frame Rate and Key Frame Interval at once. I definitely want that Multi-pass checked. That means it's going to analyze the file and then compress the file. All I need to do is now save this. We're going to save that as, we're going to call this Web Large and use 1.25 megabits per second. I'll hit Save.
It's now down here. You can see Web Larger and Web Small. I'll delete the original. And I'm only deleting the original, applying the saved version, because it's actually going to name the stuff and append these files to the name. Later in this title when I talk about customizing destinations, I'll show you how to name stuff if you would like to encode and add the date or information. But this is perfect for what we need. We're going to build two files from this. I'm going to go ahead and say Submit. We're going to have two files that we can then post on the web on our web site and let our user choose whether or not they, based on their incoming connection, what they want.
And again, I'll just say to you, that just be careful about hosting your own video. It's fine for one or two pieces, but if you're expecting 500 people to see your video in a single day, I highly recommend you look at web hosting services like Vimeo or YouTube for that use. The reason I'm picking H.264 main profile instead of the baseline is it's a little bit more aggressive in the way it can compress video. It has a little bit better algorithm to really make the video as small as possible. And now that it's done, we can go ahead and take a look out in the Finder. And you can see here I have my original video, 500 megabytes, and I've got two tiny videos of this 30-second footage.
I've got one at about 5 megabytes. Of course the full size would take up more than our screen, and here's the really smaller one. This is only 2 megabytes. You could email either of these, but the real beauty here is this little one looks really decent and will serve up very quickly to somebody looking at this on your web site. It's very little data for them. It would even work on cellular phones.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 47327 Viewers
86 Video lessons · 9702 Viewers
350 Video lessons · 99623 Viewers
79 Video lessons · 13266 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.