Video and sound

Flash Catalyst CS5 supports the import of FLV files and F4V video files and of mp3 sound files. The files are added to the Media section in the Library panel. The Library panel shows the size of each video or sound file to the right of the filename.

Add video

  1. To import a video file, select File > Import > Video/Sound File. Browse to locate a video file, select it, and click Open.

    The video appears in the Library panel. To preview a video, select it in the Library panel and click the Play button at the top of the panel.

  2. To add a video to your design, drag it from the Library panel to the artboard. Flash Catalyst automatically wraps the video in a video player control.

  3. Set properties for the video player in the Properties panel. To remove the video playback controls, change the video controls option in the Properties panel to None.

Video player properties
You can import an FLV file or F4V file with sound only and no video. A sound-only video file can be controlled like other videos. Use this method to control the playback of large sound files, such as narration or soundtracks.

Set video player properties

To set the properties of a video player, select the video player in the artboard (or in the Layers panel). Set properties in the Properties panel. The same video player can have different properties in each state.

Opacity
Change the opacity of the video in the video player.

Volume
Set the volume of the audio track in the video file.

Video Controls
Change the controls that appear below the video player. You can choose between Wireframe, Standard, and None.

Source:
Link to a source video in the project library. You can play different video files using the same video player by changing the Source property of a video player in different states. Using one video player is one way to optimize an application.

Scale Mode: None
Video does not scale and displays at its natural size. Video is cropped if video player bounding box is smaller than the source video.

Scale Mode: Letterbox
Scale uniformly as large as possible without cropping the video. Black or white bars appear around the video if the video is a different aspect ratio than the video player bounding box.

Scale Mode: Zoom
Scale uniformly until video completely fills the frame. Video can be cropped.

Scale Mode: Stretch
Scale non-uniformly to make video fit in the video player bounding box. Video is not cropped, but can appear distorted from non-uniform scaling.

AutoPlay
The video starts playing automatically.

Loop
the video plays to the end and then repeats.

Muted
Volume is set to 0.

Accessible Text
Text that adaptive technologies recognize, such as screen readers.

You can use an action sequence to set a property for a video. For example, you can link different buttons to the same video player. Clicking button 1 plays video 1, clicking button 2 plays video 2, and so on. Add an interaction that changes the opacity of the video when the video is enabled or disabled. Add an interaction that mutes the audio or sets the video to a specific volume.

See the following for more information:

Create action sequences

Edit action sequences

Control video playback

When you add a video player to the application, its Video Controls property is set to Wireframe. The Wireframe controls include a generic-looking set of video playback controls. These controls include a Play/Pause button, progress/scrubber bar, current time indicator, and Full Screen button.
  • To change the video controls, use the Video Controls property in the Properties panel. You can use the blue wireframe controls, the monochrome standard controls, or turn off the controls by choosing None.

  • You can also use an Interaction to control the playback of a video. For example, you can hide the video controls in the Properties panel, and then assign interactions (play, pause, stop) to a set of custom buttons.

When someone clicks the Full Screen button during playback, the video opens in a pop-up window. Any interaction used to transition to a new state in the application does not work. If you want the video to play in full screen, do not include a Transition To State interaction in the video controls.

See the following for more information:

Create action sequences

Edit action sequences

Add sound effects

Sound effects can be added to transitions or action sequences triggered by interactive objects such as button components. You cannot drag sound effects from the Library panel to the artboard.

  1. Import sound by choosing File > Import > Video/Sound File. Browse to locate an mp3 file, select it, and click Open.

    The sound file appears in the Library panel. To preview the sound file, select it in the Library panel, and click the Play button at the top of the panel.

  2. Select a transition or action sequence in the Timelines panel. Or, select an interactive object in the artboard.

  3. In the Timelines panel, select Add Action > Sound Effect. Choose a sound file and click OK.

Flash Catalyst includes a collection of sounds. These sounds are located in the C\Program Files\Adobe\Adobe Flash Catalyst CS5.5\sound effects folder (Windows) or Applications/Adobe Flash Catalyst CS5.5/sound effects folder (Mac OS).

See the following for more information on adding and controlling sound:

Create navigation and behavior with interactions

Create action sequences

Edit action sequences