Develop a Working Roku Video Channel | Gary VenRooy | Skillshare

Develop a Working Roku Video Channel

Gary VenRooy, Programmer and Web Marketing

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (1h 35m)
    • 1. Intro

      0:56
    • 2. How the Roku Channel App Works

      7:18
    • 3. Setup Roku into Developer Mode

      1:44
    • 4. Install JavaSDK

      3:51
    • 5. Install eclipse

      2:22
    • 6. Installing Brightscript plugin

      6:59
    • 7. Open Channel Template in Eclipse

      2:15
    • 8. Connect Roku to Eclipse

      4:25
    • 9. Make Channel Package Images

      10:48
    • 10. Put images into channelpackage

      5:43
    • 11. Adding Categories and Category Images ot your Channel

      27:03
    • 12. Adding Videos, Video images, and Video descriptions

      11:19
    • 13. Submit your Channel

      10:41

About This Class

Build a Working Roku Channel

This course is the most comprehensive solution to building your own Roku Channel that you'll find on the internet. You'll learn step-by-step how to build a completely functional Roku Video channel.

Learn to Develop your own Roku Channel With an Easy to Follow Template

The template that was designed for this course is the same template used to create several professional Roku channels that are already in the Roku Channel Store. It was built by a professional Roku Channel programmer, and tweaked to help with Roku's channel approval process.

Developing a Roku Channel Couldn't Be Easier...

What you will learn:

  • How the Roku Channel App Works
  • How to Use Your Roku in Developer Mode
  • How to Install and Use Developer Software
  • How to Make Your Own Roku Video App Using Our Template
  • How to Submit Your Channel To Roku

What are the requirements?

  • You should be somewhat familiar with HTML and uploading files via FTP.
  • All software will be provided in the course.

What am I going to get from this course?

  • Over 15 lectures and 1.5 hours of content!
  • Work with Eclipse to develop Roku
  • Make proper sized images for a Roku Channel
  • Add videos to your Roku Channel
  • Build a customized Roku Video Channel using our template
  • Submit your Channel to Roku for Approval

What is the target audience?

  • This course is meant for anyone wanting to build a Roku Video Channel, and customize it using a channel template as a guide. This course is probably not for you if you're wanting to build an advanced roku app.
  • This course is also for anyone wanting to build their viewing audience. Roku has an audience of over 8 million. Adding a channel to Roku is a sure traffic builder.

abdcf428

Transcripts

1. Intro: in this course, I'm gonna teach you step by step, how to make a channel at for the rope. We'll be using a bright script channel template that I've put together to make the process easier. Using this course, you'll be able to make your own customized Roku video channel with Raku video streaming player broke, who has shipped over eight million devices so far, making it the equivalent of the third largest cable company. I'm gonna show you how to create a channel that will give you access to these more than eight million viewers. Many have spent thousands of dollars having programmers developed channels for them, but I'm gonna show you how to build a channel all by yourself. 2. How the Roku Channel App Works: before we begin, I thought I'd give you a rundown on how Roku Channel is going to work. So I've created a flow chart that I hope will help you somewhat understand the functionality of our channel. Now, if this part completely confuses you, are looks to technical. Don't worry. You don't need to understand any of this to create a channel. I'll still take you step by step through the entire process. So as long as you're able to do what I do, then you should be able to create a channel. But if you're like me and you like to know how things work, then this short explanation video is probably for you. So to begin with, we have the channel package. This is the brain of our channel, and it's made using Roque, whose programming language called Great Script. Now there are basically two major parts to every channel. There's a part that's hosted on the road coup player itself. And then there's the part that's hosted online, usually on a server that's owned or maintained by the channel owner. Now the channel packages part of the channel that has hosted on the Roco player. It's basically the template for the channel. It consists of a few permanent images and also some programming language that tells the channel how it will look and behave. The channel packages what will be making using a clips, and it's also part of the channel that gets uploaded to raku dot com and then downloaded Teoh Larocque, who player whenever anyone adds your channel to their raku. Now there's another part of your channel, which is not part of the channel package. This is the heart of your channel, which basically consists of the media content, like the videos and any video cover art that makes up your channel. This is the larger part of your channel, and it's stored on your own Web based server or an Internet server that you have access to . And it's on the Internet, so it can also be accessed by any Roque who player that has your channel package installed . So let's get a rundown of how all of this works together. You'll notice on the flow chart that the first object is the channel package. Remember, it's made of a few images and a bit of bright script. Let me show you the images that are part of the channel package will be creating. By the way the screen I'm using here is from a row coup version woman. And it's on an analog screen, so it may not look the same as what you're working with their, but everything we do here will work on any version of Raku. The first image you'll see is the main channel image. This is part of the channel package and actually consists of several images. You'll see here that we have a larger image, but you'll notice that as we change our focus toe other channels, our main channel image shrinks down. This is actually a separate image and will be responsible for for creating that image as well. Also, every image that you see here has a duplicate image. There's an HD image made for showing on high definition televisions and an SD image made for showing on standard definition televisions. So there are actually four separate images that need to be made for this main channel image . There's the larger and the smaller image, and then also the HD duplicate of each image. So the main channel image is one image that's part of the channel package and the only other image that's part of our channel packages called the Overhang Background Image. This is the banner, our logo image that's consistently at the top of your channel. So if we click here on our main channel image, you'll notice that our channel has a banner image at the top of the channel. This is the other image that's part of your channel package. So this banner image and the main channel image are the only images that are a part of our channel package. Everything else, including the category images, the video cover art and the actual videos themselves, are all separate from the channel package and are stored on your Web server. This is what enables you to update the content of your channel without having to repackage your channel and send it to Roco every time you want to add another video. And basically it works like this. Our Channel packages program to find the categories. XML file. If you're familiar with website programming than the categories, XML file is like the index vile on a website. It's basically the main page or the first go to file. So when you click on your main channel image. The bright script is programmed with the URL address of the categories XML File, which is being stored on your Web hosting account. The categories XML file then has links to all of the categories you build into your channel . You can basically have as many categories as you want. However, at some point, having too many categories does slow down your channel. Each category you set up for your channel has its own XML file and the categories. XML has a link to it. Also, each category has its own image, and the categories XML File also contains the URL address of each category image. So each category has its own XML file. And these separate category XML files have links to the videos, which are stored on your server or a video hosting server. And again, you can have as many of videos in each category as you wish. Also, the images or the video cover art for each video is linked to in each of these separate category XML files. So those are the basics of how our channel will work. This entire video probably won't make perfect sense to you right now, but as we go through the process of creating our channel, you may want to refer back to this video and flow chart to better help you understand how your channel will work. 3. Setup Roku into Developer Mode: Okay, We're gonna need Roku for this next one, and we're gonna be putting Roku into developer mode. Okay, so this is the button sequence. We're going to hit the home button three times the up button two times and then Right, Left, right, left, right. Okay. So we'll just follow along where he hit the home button three times the up button two times and then right, Left, right, left, right. And then we're gonna pause right here and right down this I p address. Now, this won't be the same as yours, but you'll write down the I P address you get here. We're gonna need it later, alright? And then we'll go ahead and click on enable installer and restart. And then I agree to the license agreement, and then we'll put in ah password here and again. You'll want to write down your password because we're gonna be needing this later for this video. I'm just going to use do G. And then we'll set the password and reboot, and that's it. All done 4. Install JavaSDK: okay. To start off with, we're gonna need to install the Java development kit at least number seven or higher. So you should have this link in your course description over on the side bar there. But it's over here at oracle dot com and you'll need Teoh. Find your operating system. I'm using Windows 64 bit for this course, So I'm going to click this link here to download. Ah, nope. Signing to ah accept the license agreement. I'm going to click this to download it to my computer and gonna save it. I'm gonna pause this for a second while it downloads, and then I'll be right back for installation. Okay, I'm back. It's done downloading, and I'm going to install it now, and I'm gonna install this half full length so that you can see how long it actually takes to install onto my computer. All right, so this is just gonna be a normal installation. I'm gonna click next year and next, and this should take a few minutes. But this piece of software is necessary in order to run the neck. Our next software, which is called Eclipse and that software eclipse, is used to make the actual channel. So again, we're just letting this run at full time here. I'm not gonna pause. You can see actually, how long it takes to install. I should just take a couple of minutes here. Well, it may take longer on your computer, or it may be faster, depending on the speed of your computer. And ah, again, this software would just run in the background. As you're using the next piece of softer eclipse. Eclipse will need this software in order to run. So if we didn't have this software installed than Eclipse wouldn't run. Okay, We're getting closer here. She had about have about another minute or so. Just click next again. Should have less than a minute now. Here. Just about. Done. All right. Just about finished here, and that's it. 5. Install eclipse: in this video, we're gonna be downloading and installing Eclipse I D for Java developers. Now, this is the main software that we're gonna be using to develop and package Roku channels. Okay, so let's get started. All right? You should have a link to this in your, um, course description should be this link right here. And you want to make sure that it's this exact version of eclipse because there's many other versions of it clips. So you want to make sure you get eclipse I d e for Java developers. Right. And we're going to get the window 64 bit version because this is the operating system that will be using during these videos. So I'm gonna click here, and I'm gonna go ahead and save this to my desktop. I'll probably put in a folder called Eclipse so that I can find it. Okay, once that's done in downloading, then we'll go ahead and install it. Okay, This is done downloading. So I'm gonna go ahead up here and go to the folder where I downloaded it to. I'm going extract it, and that's all. There is really to installing it, because once it's extracted um, this is not like a normal installation. Um, once you've extracted it, it's pretty much installed. This will be the link right here. This is what you'll click on to start eclipse. Okay? And that's it for installing a clip. So you want to make sure you remember where you put this? I put mine on the desktop in an eclipse folder. You'll want to make sure you remember where you put years. 6. Installing Brightscript plugin: Roco channels run on a proprietary programming language called Bright Script. It was written by Rocco, and it's somewhat similar to Java. So they've created a bright script plug in, which works with the clips, and it makes it much easier for us to work with bright script. The plug in for a clips also makes the channel packaging much easier. So now that we've have eclipse installed on her computer, I'm going to show you how to install bright script. Plug in for eclipse. Okay. In our last video, if you remember, I showed you how to download Eclipse. And if you remember, we downloaded Eclipse to a folder on our desktop, and then we just kind of extracted it from here. Um, what I'm going to show you how to do is, um, a way that you can easily keep track of eclipse because I don't know if you're like me, you'll, um, using clips and then you'll forget what folder you put it into. So what we'll do is we're going here. We'll find our main execute herbal here that will be using. We'll do a right mouse click on it. We'll just drag it right over here to our desktop and click on Create a short cut. Alright, this might be different for the other operating systems. That's how it is for, um for Windows. But it's a good way for me to keep track of on the eclipse. So now that now when we go to turn eclipse on or we use the clips, we just have to go here to the shortcut on our desktop. Okay, now that we have eclipse installed and set up, we're going to go ahead and start up Eclipse, and I'm going to show you how to install my own modified version of Roque, whose bright script plug in. Okay, so we'll go ahead and close this folder and will use this shortcut that we put here on our desktop. Just use this to start up eclipse, Okay? It might take a second, and when it first starts up, it's gonna ask you where you would like to put the workspace and this is the default right here. Normally we would use that, but I'm using this for something else. So I'm going to go ahead and, um, make a workspace on my desktop, so I'm just gonna look in here on my desktop here, make a new folder, and I'm just gonna call that folder Workspace. And this is the space. Now that Eclipse will use to, um, place all the folders and everything that we're gonna work on to make Roku Channel. And this is it. This is what eclipse looks like when you first started up. Okay, So in order for us to use it, we're gonna need to install our, um, bright script plug in. And now this plug in is a plug in that I've kind of modified for our own purposes. Here. It's gonna make it much easier for us to get a working channel. So let's go ahead and install the plug in now to install the bright script, plug in for eclipse. We'll need to go over here to help. Then we'll go down here to install new software and then right up here where it says work with, we'll put in our site here. This is my own site where I get ah, where I've got the plug in that we're gonna be using. So you should, um, have this link in your description over on the side. But this is the link. It's raku channel maker dot com. Black backslash Plug in, right, and then we'll just click, add and then just click. Okay, and then you should see fright script plug in pop up here. We'll go ahead and click on that and then we'll click on Next will make sure that these three items are checked here. She'll only the latest version group items by category and contact all update sites we'll put next in. We'll click next year. I will make sure we accept the terms of the license agreement and we'll cook Finish that's going to install the plug in. Might take a minute, and that's gonna have you restart a clip so we'll go ahead and restart it. Now click OK, here a now Cherie starting. And now, if you've, um, if the plug in has installed properly what you should be able to do is go up here to a window and then click on open perspective are just hover over open perspective and then go down here and click on other. And what you should see is great script right up here on open perspective. If you don't see that there, then um, something went wrong during the installation. Okay, so we want to click on break script so we can open the perspective. You'll see that this desktop changes here. And this is what we'll be looking at right here when we work on our are in our bright script, Roku Channel, and we'll get into that in the next video. 7. Open Channel Template in Eclipse: OK in this video, I'm just gonna be showing you how to open up our channel template so that we can get ready to customize it. So what you'll want to do is you'll come over here to file and then we'll go to new and bright script project, and then we can give our project at name whatever name we want. I'm just gonna call this Roco Channel. It will come down here. This is the important part right here. This is our template. And we're going to choose Raku Channel maker. Okay, And then we'll click next and finished. And what that does is that will bring our template over here into eclipse so that we can work on it. This is pulling over all the files of the template, putting them into place. And all of these files that are here are in that work space that we defined when we installed this. So now all of these files I'll show you here are here now in our workspace. If I opened up this workspace folder, you'll see that, um, here's the name of the template. We just gave it Roku Channel. We open that up, then here are all of the files now that we're gonna be working on here in bright script, these air All right here. Okay. So, um, that's how you open up the project. That's how you open up the template. And in our next videos, I'll show you exactly how to customize and put in images and put in the videos. And I'll show you exactly how we can home uploaded to Roku using eclipse. Also, those will all be in the next videos. 8. Connect Roku to Eclipse: in this video, I'm going to show you how to connect Eclipse to your raku council. You'll notice down here these four tabs make sure that the console tab is selected and then click over here and choose Raku debug console. Then over here, where it says rock who I p put in the I p address where your Roque who is located This is the I. P address that I had you write down when we were setting up Roku and the developer mode. If you're not sure what the I p addresses of your raku, I'll leave instructions on how to do it over there in the description section. And then once you have your I p address, you put it in here and hit enter, and then it should connect to your Roku. Now I'm going to show you how to export this channel template that we're working on over Ji Roku. This is an actual working channel, and during this course, we're going to customize it, and by the end of this course, you'll have your own customized channel. So to export this channel, you'll go right up here to the main folder of your channel. and then we'll do a right mouse click on it and then we'll come down here and choose export . And then we're gonna click that little arrow next to bright script to expand it. And then we'll choose bright script deployment and then click next. Then down here, we're gonna select install on Raku Box and we'll choose the I P. Address of our raku. Then you may get an error message like this one because it needs a password that we chose when we were in developer mode. So we'll click OK and put in the password. And if you remember, I chose the password do G. I believe. And then I'm gonna choose to create a package file. This is optional rain now, but this is what will select when we're finished editing our channel. The package file is what gets uploaded to Raku. I'll show you that later, and then we're gonna generate new keys so we'll just click on the new keys button. This may take a minute, but once it's done, you'll just click on finish down here at the bottom. And once that's done, your channel will automatically pop up onto your Roku so let me drag my TV window over here so you can see that. As you can see, this is what it looks like on my row, Coup one and the upcoming videos. I'm going to show you how to customise this channel and you'll be able to customize these images that color video content, all making this your own customized raku channel. 9. Make Channel Package Images: OK, in this video, I'm gonna be giving you a quick run down on how to make the proper sized images for our Morocco channel. Um, we'll need six different sized images just for the channel package. I'm gonna show you how to make one of the images using AH, software called gimp. It's kind of like a photo shop, but it's a free software. So most people like to use Photoshopped myself included. But for the purposes of this course, I'm going to use gimp just so that everyone that wants it can have it because it's free online. But there are six different image sizes that you're going to need for your channel package , and I'll give you a quick run down of those. The first images the main menu Icon center focus. It's an HD image, and the size is 336 by 210 pixels. The second image is the main menu icon Center focus S. D, and its 248 by 140 pixels. The 3rd 1 is the main menu icon side image in HD, and it's 108 pixels by 69 pixels. And then there's another main menu. Icon Side S D image, and it's 80 by 46 pixels. And then there's the overhang banners. Ah, one is an HD. It's 1281 by 165 pixels. And then there's the S D overhang banner and it is 720 by, ah, 110 pixels. And of course, I'll have a list of all of these images and sizes over in the description on the sidebar. But for this video, I'm just going to be making the very first image, and that should give you a basic idea of how you need to make the other images as well. So I'm going to go ahead and show you how to do that. Okay, For this course, I'm gonna be customizing Roku Channel template and to ah cat Video channel. And so the image I'm gonna be making now is the main menu icon center focus in HD, which is 336 pixels by 210 pixels, and this is the main image you'll see when you're searching for the channel. So of course I'm gonna want some cats on there. So first, let's, um, start a new image. So we'll go over here to file and then go right down here to New and we'll put in our size here, right here. I've already got the width and the height. That's 336 by 210. But you'll have to put that in. Just type in 336 and height 210. And make sure this is set to pixels, not any of these others, and then click on OK, and you'll see this year, this is the size of the first image that will be making. Of course, I searched around and found some cat images that I liked, So I'm gonna go ahead and open up the cat image that I found. And of course, as you can see, this image is gonna be way too big for what we need. This images, like 2500 pixels by 1600 pixels. So I'm going to show you how I use the resize stuff. I'm, um it's a little different in photo shop, but this is how I have learned to do it in gimp. I'm just gonna, um, select all on this image here and then hit dead it and copy. And then I'm gonna go over here to my image here and just go at it and paste, and you can see that, um, it's way too huge for this size of an image. So I'm gonna go up here this, that I paste it in, um, has added another layer. So I'm gonna go up here to my layer, and then we'll come right down here to scale layer, and you can see that this layer is way too big. It's 25 60 by 1600 pixels on what we want. Our image sizes 300 60 by 210 pixels. So we want to keep the perspective of this image just right as we scale it down. I don't know if you've seen some images when people scale it down or back up, it kind of distorts the with or the height. So this little link right here kind of, um keeps it in perspective when we start sizing it down. So we'll put in the wit of 360 hit enter, and then the height will automatically be put in to keep it in perspective. And what we have is a 360 bite to 25 which is close enough for what we want. I'm pretty sure, so we'll go ahead and click on scale and, yeah, you can see that Here's our image. Um, this is the part of the layer that's gonna be cropped out, but our image still looks good and it's in the proper perspective, so we'll keep that, and then we'll add a little bit of text or image. So we'll come over here to the text tool, and we'll just keep the text black. But if you want to change the color of your text, this is where you'll do it. You just click on this and then this color, um, selector will come up and you can change the color of your text. But we are going to keep ours and a black color. Just come over in here and I think I'll called. I'll just call this the cute cat Channel. We'll go with cute, cute cat channel. Of course, you can, uh, change the font and the size there. I think I might make it a little bit bigger. And that looks about right. Just keep it right there like that. Okay? And this image looks good, So we're gonna go ahead and save it. We're gonna go down here to export. We're not going to do I save as we're going to do an export as and we want to make sure it's set to P and G. So if yours is not set to PNG, you'll just click on this drop down box and make sure that it's set right here to PNG image . Hey, and we're gonna save it to a folder on our desktop. At least I am. You can put yours wherever you want to. Just remember where you put it for later. I put on my desktop, and I've got a folder already here called Ah, Cat Channel images. So I'm gonna put it into that folder on my desktop and for the name of the image just to make it easier on us, Um, we're going to name these images a certain names so that we don't have to go back and rename them inside of the script. So we're gonna name these images the same names that we already have inside of the script. So this image is called main menu icon. You want to name it exactly just like this. With the underscores and everything, I'll make sure that in the list that the images are named exactly how you want to name them . Okay, just make sure you just copy and paste the names in here. So this is the first images. The main menu icon, center, focus, HD dot p and G. All right, so once you have it named properly, then you just click on export, and then you don't have to change any of this in here. Just click on export and that's it on. You'll do that for every image in the list. You make sure you make this proper size is Ah, a couple of these images are long, skinny images there, the banner images or though they're actually called the overhang background images, but they're like long banners. But, um, you'll use the same principle of sizing the images in here, and that's it. And these air my completed images for the channel package. You can see there are six images here, and these air the sizes that your images should be for the channel package, and then these are the channels that will add to our channel package, and I'll show you how to do that in the next video. 10. Put images into channelpackage: Okay. In our last video, we made the images for Roku Channel package. And in this video, I'm going to show you how to put those images into the package. So of course, I saved my images to the desktop here into a folder called Cat Channel, if you'll remember. So I'm gonna go ahead and open this up. And I'm also gonna be opening up this folder if you remember this. This is our works base folder that we created when we opened up our eclipse software. So I'm gonna open up the Cat Channel folder, and I'm gonna open up my work's base folder. But he's separated here so you can see them. And now these air, the images that I've just got done creating on this is my workspace. And in here is a channel I'm working on right here. And if we dig down into this folder, we'll see that there's another folder I'm called Images. This is where our package images air going to go right now. They have these, um, images that are part of the package right now, and we are going to drag these images over and here and overwrite. Um, the package images we have. I'm gonna go ahead and select all of these, and I'm gonna hold him over here. I'm just gonna copy him over here, and I'm gonna choose copy and replace for all of them. Okay? And you can see that now, these images have over written the package images that were in there. All right, alright. And then we'll go ahead and close these folders out, and we'll go here to where we have our eclipse and start eclipse up again. Click. OK, we'll give the clips a minute. Here, toe, Start up. Alright. And then we'll go over here. This is where we have our ah, Roku channel that we're making. And this is the image folder where we just put in the new images. So what we're going to need to do is we're gonna do a little right click on this and click on refresh. All right. And then also, what we're going to need to do is we're make sure that we're connected to Roku, So we'll come down here and click on Raku Debug console right here, and we're not connected. So we need to find Roku. Mine is at this I p address. Make sure you have your i p address set in there. Okay, now we're connected. Come over here to this Raku Channel folder and we'll do a right click on it and click on Export and makes your bright script Deployment is chosen here, and then we'll click next. We'll give it a minute here, and then we'll come right down here to where it says finished and click on Finished. And then we'll quick Yes, to overwrite the existing file, take a minute here and then what it just did Here, is it just, um, overrode the files that are on Roku with what we just made. So I'll bring this over here so that you can see now Roku has our channel package images in it so that no, if we back out of this, let's see here. If we go back out to the home page, you can see here's the image that we just made Go into the channel and right up here this is the banner image that we just made also, So this is the first part of customizing are channel. And in the next videos, I'll show you how we can get our category images put in here along with the video images and videos 11. Adding Categories and Category Images ot your Channel: in the last video, I showed you how to add the channel package images in this video. I'm going to show you how to make categories and put in category images. We're gonna be working in eclipse again for this video. If you remember from a previous video on how the channel works, we learned that the category images, the videos and the video images are all separate from the channel package. They're kept on your Web server or Web hosting account online. So you may be wondering, How does my channel know where my images and videos are? Well, in this video, we're gonna upload some images for our categories to our Web server, and I'll show you what we need to do to make your channel find these images. So to begin with, let's take a look at our channel. So far, right now, we have this main channel image which is built into the channel package. And when we select our channel, we have the main overhang image at the top, which is also part of the channel package. But then we also have these two categories. So where do these categories and their images come from? our channel package finds these images and different categories through XML files. An XML file is similar to an HTML file. So if you're familiar with Web design, an HTML file toes your browser how a page is supposed to be laid out, like what images and what videos to show. So in XML file does the same thing for your Roco channel that an HTML file does for a browser. So you may ask yourself again, how does my channel find these XML files for your channel? To find your XML file, you have to program it into its bright script. So in other words, you have to tell your channel package where it confined your XML files. So if we open up our channel package here in eclipse, we confined where the reference is made to our categories. XML vile. We would go over here to source click on this little arrow to expand it, and from there you can see most of the script files that make up our channel. The fire we're looking for right now is called category feeds dot BRS, and we're going to double click on that file and then I'm gonna come over here. I'm gonna get rid of this for now because we don't really need it so that we can see better . Then if we go down here online 15 you can see where reference is made to the categories dot xml vile. This is the one and only link from your channel package to the channel content. Right now, it's showing that the categories XML file is being hosted on a website at Rocco Channel maker dot com. And it's down two layers of folders in you Timmy folder and then down into an XML Files folder. Now, what we're gonna do is we're gonna edit the categories XML file so that it's showing the categories that we want along with the category images. And then we're gonna upload the categories XML file to our own Web server, and then we'll come back here and put in the Web address of where we just put it. So first, let's open up our categories. XML file. If you look down here and expand this XML folder, you'll see that I've put several XML files in here already. The one we're gonna be working with right now is this categories XML file. We're going to double click on the file so that we can edit it right here. Any clips? Now, we want to make sure that we're looking at the source of this file, so we'll make sure that the source tab is selected right here. Now, let me tell you what we're looking at here. This is an exact copy of the categories XML file that our channel is pointing to right now . So if we were to follow this link that is in our category feed file, we would see the same thing that we have right here. So let's figure out what's in this XML vile and then edit it and then uploaded to our server. If we take a look at this XML file, we can see that we have an opening element right here that says categories and then a closing element at the end of the page that also says categories. So when our channel script just pointing to this XML file, it knows to find the categories somewhere between these opening and closing elements. Now, if we take a closer look will notice a couple of other elements called category. There are two of them both with the same element. Name of category. They both have an opening element and a closing element. This tells the channel script that everything in between the opening and closing element is one single category, and there are two of these so far. So there are two categories in our channel so far notice that each category element also has separate attributes. First, they have a title attribute and notice on our channel. You can see how the title matches up with the title on the screen. Then there's also this description at tribute, and the description on the screen here in our channel matches the attribute, which isn't our XML file. This is where we would change the title or the description of each category now notice. There are also two image attributes. One is for a standard definition image or an S D image, and the other is for ah, high definition definition image or in HD image. And these attributes are links to where the channels can retrieve those images for our your category. So, for instance, if we were to copy and paste one of these links into your browser, you could see that it matches up to the category image here on our channel. This is where will be changing up the category image. But before we can put in a link to our images here, we obviously need to make our images and upload them to our server. I've made my images ahead of time using gimp. I'm not gonna go back over using gimp again because we've already done that in a previous video. And if you need to, you can go back and view that video again. But I will give you the image sizes that you'll need to make the category images. And then you can go into gimp or whatever photo editing software you choose and make your images. I will have the sizes here on the screen, and I'll also have them over there in the course description. Okay, so here are the images I've created for my categories. I've got an HD image and an SD image for each category, and now I'm gonna upload them to my Web server. I'm using an FTP program to upload these images, and I'm uploading them to my website at Raku Channel maker dot com and I'm putting them into a folder called Cute Cats, which is in a folder called Images and that is inside of a folder called Cat Channel. So the complete Web address to the folder carrying my images would be Roku Channel maker dot com. Backslash catch channel backslash images, backslash, cute cats. So now let me dragged these images from my computer over to the website. I'm uploading these to my website now. Notice the names of these images. You'll have to know the name of the images as well as its Web address in order to references in the categories XML file. So, for instance, this first image is cute cat, H D di J P G. And so it's full Web address would be Roco Channel maker dot com. Backslash cat channel. Backslash images, backslash, cute cats, backslash, cute cat, h d dot jp g. And of course, this would be different for you, depending on where you store your images online. And also be careful. These Web addresses are case sensitive. So now that I have these images uploaded, I'm going to go back to my Eclipse program and reference them in my categories. XML FILE. Here's my categories XML file. What I want to do now is to add reference to my new images and new categories in this XML file. So here where the title says category one, I'm going to change it to cute cats. And then here I'm going to change the description. Too cute Cats Plane. Now here. I'm going to make reference to my new cute cats images on my website. So we'll put in the web address to the images here on these air the images that we just made and uploaded. Piece this one in here. And remember, this one was Roco Channel maker dot com Backslash catch channel backslash images and then cute cats. And this one is a cute cat s d image. So we put that that's the one that goes next to the ste image attributes here. I know for the HD image attribute, it's basically the same thing, but I named this one cute cats HD. Now we'll do the same thing to the second category. Onley will change this title to funny cats and will change the description too. Funny cats having fun. Then I'm gonna make reference to my new images. So this 1st 1 will be the S D image that I uploaded, and then this next one will be the HD image. Now there's one more attribute here that we haven't made mention of or changed yet. And that's this feed attributes on the feet. Attributes, if you'll notice, is actually a link to another XML file. These are the Feed XML files, meaning they feed each category with media or videos and images. So, for instance, noticed that this first feed points to category dash one dot xml, and the second category points to category dash to dot XML. Each category points to Manu XML file. And if you look down here, you noticed that I have included two XML files in this template. They both correspond with the two categories that we have so far. These Feed XML files are responsible for linking your videos and your video images, and that's what will be working on in the next video. But for now, we need to upload these to feed XML files to our server so that we can reference them here with the feed attributes in our categories dot xml file. So to find the two feet XML files that I've included with the template you would go into your workspace folder, which, if you remember, is the folder Eclipse created when you first started the program. Now, once you found your workspace folder, you'll find another folder inside of that one that has the name of your channel. Inside of that folder, you'll find another folder named XML. This will have the to feed XML files that we need to upload. I also noticed that the categories XML file is here. You'll need to remember this because Justus, soon as we're finished editing our categories XML file using Eclipse, we're going to save this file and then we're gonna upload it from here the same way we're uploading these to feed XML files and just for a heads up. These feed XML files haven't been edited yet, so we'll be uploading them again in the next video after we edit them. We're just uploading them now so that we can make the proper location reference to them next to the feet attributes in our categories XML file. So I'm going to upload my two feet xml files into my cat Channel folder. I'm gonna make another folder called XML Now that thes XML files are uploaded the address of the folder that these XML files Aaron will now be Roco Channel maker dot com backslash cat channel, backslash XML. And so the complete address to the first feed XML file will be Roco Channel maker dot com backslash catch channel backslash XML and then back slash category dash one dot xml So now we can go back into our categories XML file and use that address for our feed attributes. So I'll just go right over here to our feet Attributes and pay set address in there, which, if you remember, is Rocco channel maker dot com backslash catch general backslash XML and then back slash category dash one dot xml and we'll do the same thing here in the second category as well. Only this one. Of course. We have called it category dash to dot XML and then we can save our categories file and re uploaded to our server. So we're gonna go ahead up here and save it, and then we're gonna go in and upload our categories X amount filed to our server and here I am connected to my server now and I'm here in my XML folder, which is in my workspace folder, and I'm going to drag this categories dot xml file over to my web server just like I did before. I'm gonna overwrite the one that I had there before. So any time that you edit one of these XML files using eclipse, then you need to save it. But not only say that you have to also remember to upload it to your server. That's the mistake. A lot of people make the editor file and then save it and then thinks that the changes are made. But then they have to remember toe upload the files after they've saved them in order to see the changes. Okay, so now that we have the categories dot xml file edited and saved, now we can go back into eclipse and make the reference to it in our channel package. So when we make reference to it in our channel package, the address is gonna be Roco channel maker dot com, backslash cat channel, backslash XML, and then back slash categories dot xml. So now we're going to go into eclipse and reference that in our channel package so here we are in eclipse again. And if you remember the reference to the categories XML file is made in the category feed dot BRS file. We still have ours open here, but if yours isn't open, you confined it over here in the source files. Then down here online. 15 you can see where reference is made to the location of the categories. XML file online 15 is the folder location where the XML file is located. And then online 16 is actual name of the file. So here, online 15 we're gonna put the Web address of the folder where we just uploaded our categories XML file. And now I'm gonna save everything and re export my package so that you can see what everything that we've done so far looks like on our channel. So we're gonna come over here and export right script deployment again. Quick. Next, and then make sure this is all right. Well, you've got r i p address put in here, and we just click on finished and we click. Yes, here to overwrite the files that we have right now, and you'll see over here that my channel is already changing it's updating the files on it . And there we go. The new images are in our channel. It automatically does it. You can see each category, then has the image that we put up. And you'll also notice here that each category has the title that we put in and the description, okay, And now, to make more categories, what you would need to do is you would copy everything in between this category element from the category, um, opening to the closing right here. The closing of the element. Everything in here, you would copy that entire thing. So we're gonna copy that. Then you would go right down here and make room to paste. Okay, Now, we've just added another category, and then you would just go in here and edit D's to make the third category. And of course, you would have to make 1/3 XML file down here. So what you would do is you would just, you know, change that take category gash three dot xml. And then you would go into your works based folder and then just copy one of these other XML files, so we'll copy the category two were just copy it. Just paste it back in here. I would just change the name of this copy. 23 like we haven't referenced. Okay? And then once you've done that, once you've added on extra element here, you would save this. And then what you would have to remember to do is after you've saved it, you've got to upload it. So we've just saved categories dot xml. So now we have to upload it to our server again. Click. Yes. Here. So now we go over here to our channel on, we back out and then go back in. Now you'll see there's the extra category right there. Off course, it's the same as category two because that's the one we just copied. But if we go in and edit just like we have been, we can make it another category. And of course, you can put as many categories in here as you want to. Okay, so that's how you add an extra category. But if you click into one of these categories, you'll notice that the old videos and video images are still there. And in our next video, I'm going to show you how to add videos and video images using our feed XML files. But that's the end of this video 12. Adding Videos, Video images, and Video descriptions: in the last video, I showed you how to add categories, category descriptions and category images to your Roku Channel. In this video, I'm going to show you how to add videos, video descriptions and video images to your Roku Channel. First of all, we know from the last video that the categories dot xml file is where each category is referenced. And we know that each category has its own feed xml file where the videos and video images are referenced for that category. So, for instance, if we look at our categories dot xml file, we can see that the Feed XML file for our first category is this category dash one dot xml . So the category one XML is where we will be referencing our videos and video images for our first category. So let's go ahead and open up our category dash one dot xml file. As I said in the previous video, I've created the first to feed XML files for you, and you can find them in your workspace folder. It'll be in an XML folder inside of your Channel folder. Now that we have our feet XML file open, we can see that It has a very similar layout as the main categories XML file Onley In this XML file, we have an opening and closing element called Feed, so our channel knows that this is where it will find the content feeds for this category. So if we were to look close on Roku at our first category, you'll notice that it has multiple videos, so each category can have more than one video. And if you click on a video, you notice that each video also has its own description, page and image. So each video, as well as the videos Description Page, is part of an item in the Feed XML file. So if we go back to our Feed XML file, you'll see that everything between the opening and closing item element is everything that consists of the first video and video description page. You'll notice here right away that we have RST image in HD image for the first video. We also have a title element with the title of our first video, and if you notice here we have two media sections within this one item element, and this again is to separate standard definition and high definition notice. The top one says S. D next to the stream quality and the bottom one says HD next to stream quality. This allows you to offer the same video in a lower bit rate or lower definition, and then, ah, higher bit rate or higher definition. And then this also helps if someone has a slower connection there, Roque, who may switch them over to a lower definition video to prevent the video from freezing up . Now from my own testing, I found that while it's nice toe, have the two versions of your video, it's not necessary. You can have the same video in each section as you see it here, so you'll notice this stream. You are l element. This is the Web address of where your video is going to be stored, and then this last part of our item down here that we need to worry about is the synopsis. This is basically the video description. Now there's a word limit here when you use this, and you can experiment with this as you use it, but if you use too many words, it will be cut off on the video description page. So What we're going to do now is edit this entire section of this XML file to customize it for our own channel. We're gonna change the images, We're gonna change the title and description, and then we're gonna upload and reference our own videos. So let's start up here at the top with our images. Like our category images, these video images have a specific size that they need to be. Our video images should be 214 pixels by 144 pixels for the SD image and 290 pixels by 218 pixels for the HD image. Now I've already created my two images for this video. If you need help creating an image, you could refer back to the lecture on making images for your channel package. So now I'm going to upload these two images to my Web server, just like I did the category images. That way I can reference them with a proper Web address in my feed XML vile. So I'll bring up my FTP program and find the folder on my Web server where I'm storing my other images and then I'll drag these new images I've made over into that boulder, and now I'll go back over here to my Feed XML file and reference the images using their proper Web address. So the proper Web address for that my SD image will be Roco Channel maker dot com. Backslash cat channel, back slash images backslash, cute cats and then cute cat videos. SD dot jp g and then over here for my HD image, it's basically the same thing. They're in the same folder on my website Onley. This one is called Cute Cat Video HD, and then I'm going to come down here to the title and change this title. Teoh Cute cat. The next I'm going toe upload my video to my Web server so that I can have a proper Web address for my video. So I'm gonna go back here to my FTP program and Vine, the folder that my cute cat video is in right over here and then on my Web server, I'm going to create a new folder for my videos. I'm gonna back out of here. I will create a new folder in here called videos and then I'll drag my video over there and then this will be the same as the images. We'll get the proper Web address for this video and put it into our XML file. Now I'm back here in my feet XML file, which is called category dash one dot xml. I'm going to put in the web address of the video I just uploaded, and I'm going to use the same video link for both the SD and HD video. And then once I've done that, I'm gonna put in the description of my video here in the synopsis. And our description for this video will be a cute cat having fun. Then I'll save the XML file and then re uploaded to my server using my FTP program. And then once it saved and uploaded Weaken, go into Roku Channel and see that our video image and the video description has changed. And we can also watch our video now that we've just uploaded and that's it. That's how you change the video portion of your Roco Channel 13. Submit your Channel: The last thing we need to do now is still submit our channel package to Raku, and in order to do that, we need to first sign up for developers. Account over at raku dot com. So the address to register for a developer account is raku dot com, backslash developer and then you click here on the register for a developer account link. Now there's no real secret to registering, so I'm not gonna take you through that process. It's basically just a normal registration. So then, once you've registered, you'll need to log into the developer site and on the developer home page, you'll see a link titled Manage My Channels. This is the link we want to click on to submit our new channel package. Then, once you've clicked that link, you'll be given two choices. Your first choice is to add a public channel on. Your second choice is to add a private channel. Now, submitting a public channel means that your channel will appear in Roque, whose channel store giving you greater access to a larger audience. However, there's an approval process involved in that, and the average approval takes about three weeks right now, now submitting a private channel means that your channel will not appear in the channel store. There's no approval process, and Roque owners will still be ableto add your channel if they have the right link or channel code. So for our purposes here today, we're going to add a private channel. So we'll click here on Add Private Channel and then on this page will fill in the channel information. So for this 1st 1 channel stores, we'll leave that because our channel will not be in the channel store. Then there's languages will leave ours on English. And if you make a channel that uses another language, then you can choose that here. Then there's required features on ours has no requirement, so we'll leave this one as none. And under classifications, we'll leave that on video and for Internet connection required will leave it on yes, and then for additional requirements will also leave this one on none. And then we have this parental hint on. We're gonna leave ours on all ages. And then there's the vanity access code on this allows you to put, uh, I liken identifying word into your channel link. So for us. We're gonna use crazy cats for our vanity code. We'll see if that's been used yet. You'll see here that than our code or our link for our channel, then would be owner dot ro co dot com. Back slash add back slash crazy cats and then we'll come down here and click on Continue and then we'll put in our channels name here and for me. That would be cute Cat channel and we'll also give it a description. For now, I'll just put videos of cute kits. Now you probably want to fill in this description. But just for the purposes of this video, I'm going to keep this short. And then you can add keywords so I might use words like cats, kittens, pets, funny or whatever. You can add your own key words here. And then there's, ah, Web description. And again, I'm just gonna keep this short and just use videos of cute cats again. And then down here, you want to add two images. Ah, these air. The images for the are these air, the online channel images and again here you'll want to add ah, high definition picture and a standard definition picture and the HD image will need to be 290 by 218 pixels says right there and then the S D image will be 214 by 144 pixels. So I've already made mine, So I'm gonna put mine in here real quick on again. We've already got going over how toe make in size an image and a previous lesson. So if you need that, you can go back and look at it and then you'll need to choose a category. So for mine, I think I'm just going to choose kids and family and then you'll click on create and here we're not going to do anything here. Usually you can adds some screenshots. I haven't showing you how to do that. I'm possibly later in the course. I'll show you how to do that. But this is really not a requirement. So we're just gonna click on Go back now. We're to the actual channel package submission part. So this is where will upload the package that we've made from bright script. So we'll go over to break script again, and then we'll do a right mouse click on our Channel folder and we'll choose Export. And then we'll choose bright script deployment and click on next. And then this is where you want to make sure that create package file is selected, and then we'll click on finish here. And would you like to overwrite it? Yes, and makes our package file again. And then I'll show you where this package file ends up here. So then, now we'll go back over here to the Raku development page. Come down here where it says application package. This is where we're going to grab that package that we've just made. So I'm gonna go in here and your package will be in your workspace folder. So wherever you put your works baseball, do you go into work space when you look into your channel folder and you go to this folder that says out, that's where the package file is put that we just created. So I'll click in here now, these air, all of the package files that I've created over the last few days, and I'm going to sort these by dates all know which one I just made. And here is the one that I just made a few minutes ago, actually about a minute ago. So this is the one I want to select for uploading. So click on that and click on Open. They don't come down here and click on Save Changes, and it uploads it to their server. Says your package was uploaded. Six successfully click on OK, and then you have to publish Click on Publish and that's it. Our channel is made, and now here's our here is on access code that we can use. We've also have our own code. You remember that we made the link we made just a few minutes ago, but this is also a link you can use. So if we were to click on this now, whoever uses that link can now add the channel to the raku. If you click on yes, here adds a channel to your Roku, and that's it. That's how you make a Roco Channel