To reposition the video on the controls screen, drag the video to your preferred location. Adding, removing, and disabling cue points cue points are a driving factor when it comes to synchronizing video with content in a movie. Flash CS4 Professional gives you an easy-to-use cue point editing tool located in the cuepoint parameter of the flvplayback component. To view the cue points in the supplied file: Select the flvplayback instance on the controls screen. Open the component Inspector panel and double-click the cuepoint parameter to launch the editing Flash Video cue points dialog box (see figure 4). Cue points entered into the working template file to add an ActionScript cue point, click the plus button at the top left of the dialog box.
Adobe, flash, player full changelog
You may have to reselect the video display on the Stage. In the component Inspector panel, click the source field to enter the path to the video file (see figure 3). This is a relative path to the flv file on the server. Note that if you are using Flash Media server for streaming video downloads, you will need to enter an absolute path name to trigger the server. ActionScript 3 flvplayback parameters in thesis the component Inspector panel Changing the size and location of the video if the size of your video differs from what the template anticipates, or if you want to expand your video, you can change the video display size easily. Place the video anywhere in the presentation. The video appears on the left center of the Stage by default. Keep in mind that if you change the position of the video, other content layers in the presentation might overlay the video if you don't adjust the content accordingly: Select the flvplayback instance on the controls screen. In the Property inspector at the bottom of the screen, change the w and h values so they correspond to the width and height (in pixels) of your video. You can also right-click (Control-click on the mac) the flvplayback instance and select Free transform from the pop-up menu to display handles on the video so you can resize.
Note that because the supplied file already contains a working sample, you will be adding and removing content as you customize the presentation. Read the following sections for details on how to edit from here. When you open the syncVideoPreso. Fla file, you see that the video is the black rectangular object placed on the flvplayback layer (see figure 2). You can customize the video on this screen in several ways: Change the video source Change the video's size change the video's location Add and remove cue points as synchronization markers Add flvplayback custom ui components for additional video controls Figure. View of the template while the flvplayback instance is selected on the Stage Changing the video that plays Here's how to make the presentation play your own video instead metamorphosis of the supplied video example: Click the flvplayback instance to select. Open the component Inspector panel (Window component Inspector).
Duplicate the supplied SyncVideoPreso. Fla file and rename. Place the new file in the folder you retrolisthesis just created. Note that it's a good idea not to overwrite the original file so that you can refer back to the working sample as you move forward. Create your video, convert it to the flv format (see the capturing and encoding section of kites the video learning guide for Flash for more information and place the flv file in a relative position to the fla file (usually next to the fla. Make a note of the filename and path relative to the fla file. You will enter this information into the flvplayback component's parameters later to load the file. Open the fla file in Flash CS4 and start editing.
On the buttons layer you can customize the buttons. The flvplayback component, on the layer of the same name, is the mechanism that loads and displays the flv file. It acts as a center point and controller for the presentation. The five labeled keyframes are shown one at a time while the video is playing. They are stopping points for the playhead in the movie. To add your own collection of labeled frames and associate them with cue point sections in the video, enter the frame label names into the cue point parameters for the flvplayback component on the controls screen. You can modify the presentation by going to the labeled frame containing the content you want to update and making changes there. First steps to using the template If you are new to using templates or just want some direction, follow these steps to get started: Create a folder on your hard drive to store your copy of the presentation fla file and your video.
ActionScript 3 api reference
Download the supplied files from the first page if you have not done so already and then open the file in Flash CS4 Professional. Notice the layers and frames along the main Timeline. Labeled keyframes along the timeline correspond to the cue point names in the video. Content synchronization occurs by navigating to a labeled frame in response to a cuepoint event dispatched from the flvplayback instance. The synchronized video template contains six layers on the main Timeline (see figure 1 background: Background screen that contains all the background colors, graphics, and text that you want to display throughout your presentation. Flvplayback: flvplayback component instance used to display the video.
Buttons: report navigation buttons and text labels. Content: Content placed on keyframes corresponding to cue point names. Title: Title text field seen throughout the presentation. Actions labels: Frame 1 contains the code that powers the movie while subsequent keyframes contain labels corresponding to the names of the cue points. Main timeline in the template fla the content on the background, flvplayback, buttons, and the title layers appear continuously while the movie plays. On the background layer, you can customize the user interface graphics.
Either type of cue point will work with this template, but the use of embedded navigation cue points is recommended. Before you start One of the key concepts repeated throughout the template is the concept of sections within the video. The big picture is that you are going to set cue points in a video and use them as section markers for synchronization. The structure of the template mirrors these cue points in the following ways: navigation button names match the cue point names in the video sections of text and animation content match the cue points in the video flvplayback component events define the cue points and. The goal during this planning stage is to figure out where to divide your video.
What locations will your viewer logically want to jump to? Then figure out what text, image, and animation content you want to show for each section. What content can you use to reinforce the video and provide visual interest? Understanding the supplied fla file The syncVideoPreso. Fla file contains a fully functional example of the working template. The content in the fla file matches the content seen in the preview on the first page of this article. Take a moment to explore the fla file.
Build great product demonstrations in minutes
F4V and mpeg-4 formats are used for high-definition video and are supported in Flash Player 9,0,115 and later. Flvplayback component: The flv playback control dom available in the Flash authoring tool. The ActionScript 3 flvplayback component includes many improvements in workflow, skinning options, and the ActionScript api. Cue points: you will add cue points assignments at various locations in the video so that you can synchronize content displays with those points or navigate to those points by button click. You can embed cue points in the flv using the video import wizard or Adobe media encoder. You can also create cue points using ActionScript or the flvplayback cuepoints parameter. Embedded cue points are more accurate and can be accessed with more options in the ActionScript api.
ActionScript 3 flvplayback component, code editing not required to modify the template. Full-screen button and full-screen mode, timeline-based synchronization method, updated user interface graphics. Alternate dynamic xml-driven sample file, note: If you are using Flash Professional 8 or an ActionScript 2 file in Flash CS4 Professional, please see the previous version of this article. This section provides an overview of the process for using the template and gives you a place to start. If you already feel you comfortable with the template layout and general concepts, you may want to jump to the following sections for more details. For anyone new to using this type of video template or unfamiliar with the supplied file structure, this section is for you. You should be familiar with the following terms used throughout the article: flv: This acronym refers to the Flash Video (FLV) format. F4V and mpeg-4: This acronym refers to Flash Video 2 (F4V) which is the Adobe media player format for.264 video.
the background. Add buttons, text, and so on to the navigation bar at the bottom. Move the navigation bar to the top or the sides. Add your own text and graphics that appear synchronized with your video. Add flvplayback ui components for customizable video controls. This article provides an overview of the template structure and process required to transform the supplied file into a customized presentation suited for your own needs. (The article and the supplied files are an ActionScript 3 update to the former version of the article written for Macromedia flash Professional.). Updated features include the following: ActionScript 3 source file and ActionScript 3 class package.
Working with streaming video " section of this article. Flash Player 9 or later (required for ActionScript 3 files). Note: Flash Player 9,0,115 or later is required for the playback of high-definition video.264 format. Controlling topic navigation and synchronizing text with a video presentation is a great way to bring a corporate-type presentation to life on the web. Compared to static slide shows, this simple-looking presentation captivates audiences because it combines audio, video, business and animation. This template features video synchronization to content located on labeled frames in the timeline. When the user clicks one of the buttons, the video and content update themselves to that topic automatically.
Dissertation, fieldwork Grants The wenner-Gren
By adobe, created, requirements, prerequisite knowledge. This article is geared towards beginning- to intermediate-level developers who are interested in getting up to speed on video synchronization techniques. While programming experience is not necessary to understand the article, you may find it beneficial to review story the. Video learning guide for Flash. User level, intermediate, required products, sample files, additional Requirements. Flash Media server 3 (optional note: Although it is optional for this tutorial, Flash Media server enables you to use streaming video downloads instead of progressive video downloads. For more information, see the ".