Home / Articles / Adobe Flash / Create Custom Media Player Controls in Flash Catalyst CS5

Create Custom Media Player Controls in Flash Catalyst CS5

Article Description

David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: 100 Essential Techniques, demonstrates an easy way to create video player controls, without the need for Flash or scripting of any kind. You can adapt the simple shapes available in Flash Catalyst, providing them with the power of interaction to make them serve as play, pause, and stop player buttons.
Generating a Web Page

Generating a Web Page

The next step is to save the whole set of buttons as a Flash Player file (SWF), so you can embed it into a Dreamweaver web page. When your Catalyst project is ready to roll, follow these steps:

  1. Save the project as a SWF file by choosing File > Publish to SWF/AIR.
  2. Use the Browse button in the Publish to SWF dialog to navigate to the folder where you'll save the files for this project. Catalyst will generate a number of files—and you'll need all of them, in the folders to which Catalyst assigns them, to make the project work online. Catalyst will also create a new folder to organize and save all these files.
  3. Beyond defining a target folder for the files generated by Catalyst, the rest of the default settings in the Publish to SWF dialog are fine.
  4. Click Publish to generate an HTML web page that can be opened and edited in Dreamweaver CS5, or simply uploaded to a website. In the former case, the next steps take place in Dreamweaver CS5.

Alternatively, you can simply upload the HTML page generated by Catalyst. The set of files necessary to do this is in the deploy-to-web folder generated by Catalyst. Upload all these files to your web server, and don't change the filenames or folder structure. The HTML page that presents all this content is named Main.html. This page will function only when Main.html and the entire folder are uploaded to a server.

You can test the page locally, on your own computer, by opening the Main.html file in the run-local folder generated by Catalyst.

5. Wrapping Up | Next Section Previous Section