Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Flash Catalyst CS5 Essential Training, author Mordy Golding demonstrates how to create and publish fully interactive Flash (SWF) micro sites, widgets, portfolios, and applications from static Photoshop, Illustrator, and Fireworks artwork—all without writing code. The course covers planning a project, importing and organizing assets, creating interactive components, defining repeating data lists, and publishing final projects. Exercise files are included with the course.
Placing video into your project in Flash Catalyst is really almost the same as if you were placing any other type of artwork, for example, an image or a Photoshop file. Once you have either an FLV or an F4V video file, we can import that video right into your project. Now in this example here, in this olive _tour_media file, I want to bring the video specifically onto the Picking page, and I want to make sure the video goes on to the right layer. So I am going to click over here on the Picking layer inside of my Layers panel. Next, I am going to go to the File menu, I am going to choose Import, and then I'll choose Video/Sound File.
I'll navigate to where my video file is. In this case, it's in my Exercise_files, inside of chapter 07 here, Integrating rich media, and I have the F4V file that I've created using Adobe Media Encoder. I'll select it and click Open to bring that now into my project. Now this video is actually quite large. So I'll change my zoom settings here to about 50%, and the first thing that you'll notice is that the video now appears inside of something called the Video Player component. Using my Selection tool, I could really move the video anywhere I want inside of my layout.
I also have the ability to resize my video just as I might resize any other artwork. I'll hold down the Shift key to constrain proportions, and I'll Click+drag to make this a lot smaller. Since this image here was really meant as a placeholder, I'm going to use that as a guide for where I want to actually place the video itself. So I'll resize it, so it fits right into position right here, and I was able to now, very easily, bring video into my project. It's important to note, however, that video is a little bit different because I need to somehow control that video.
Well, take a look at the Properties panel. There's a setting here called the Video Controls. Those are the things like the play button here, the little scrubby bar, the button to toggle between full screen or not, and even the ability to control the sound level. But if you don't want those controls, you just want to use the video as some kind of a graphic component, you can adjust, instead of using video controls that are currently set to Wireframe, I can choose Standard ones, or I can set it to None. Since I no longer need the placeholder image, I'm going to scroll down inside of my Layers panel, I'm going to turn off the image, and because I want the Video Player component to appear beneath the Video Controls, I'll select it here inside of the Layers panel, and I'll choose Modify > Arrange > Send Backward.
Now I have added the video, but I haven't specified when that video should actually start playing. With the video still selected here in my artboard, I can go back to the Properties panel, scroll down over here, and I see some options. First of all, I can set the video to Auto Play. That means as soon as this page appears, the video will start playing. I can use the Loop option here to have the video continuously play over and over again, and I can choose Muted, so that the video plays without sound.
By the way, this might be a good idea to use in a project as a background. Instead of having a static image, you can use some video footage that continuously loops in the background without any noise. However, in this case, I am going to choose Auto Play, and let's go to the File menu here and choose Run Project to see how this is going to appear when this project loads and is viewed inside of a web browser. The video appears on the Picking page, so I'll click on the second button here to navigate to that page.
So as you can see as soon as that page loads, the video starts to play, because I have specified the Auto Play option. However there are many ways to control the playback of any movie. In fact, we want to give that power to the person who's viewing this interactive tour. So we'll learn how to create custom video navigation in the next movie.
Find answers to the most frequently asked questions about Flash Catalyst CS5 Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.