Embedding Sound with Flash, Part I: The Basics

Recipe for Sonifying Web Pages

You can control the Flash player with JavaScript. The Sonify organization promotes standards in using interactive audio for the Web, wireless, and consoles. They developed the FlashSound JavaScript API. This API (Application Program Interface) enables you to add simple interactive sound to your conventional HTML page, without relying upon any graphic presentation. It also hides browser dependencies from you. When dealing with sound players, the difference between the browsers is immense. Netscape uses plug-ins while Explorer relies on ActiveX control. Therefore, having this API is good news. The FlashSound JavaScript API (FJA) is an excellent way to ramp up on how to control Flash with JavaScript. When you add sound to your page, you actually sonify your page.

The FJA is implemented in flashsound.js. Right-click this link and save the script to your hard drive. Look inside the code and see how the API is defined. It sure does hide browser dependencies, so use it as much as you can.

In order to sonify your page, follow this recipe:

Make sure you have the Flash player. 96% of the surfing population already has it. Download

Include flashsound.js in the HEAD section:

<HEAD>
  <SCRIPT SRC="flashsound.js"></SCRIPT>
</HEAD>

Create a flashsound object in the HEAD section:

  <SCRIPT>
    var mySoundObj = new FlashSound();
  </SCRIPT>

Embed your swf file in the BODY section:

<SCRIPT>
  mySoundObj.embedSWF("interactivesound.swf");
</SCRIPT>

Create an anchor tag and set the onclick event handler to the TGotoAndPlay() method:

mySoundObj.TGotoAndPlay("/beamscan", "start");
mySoundObj.TGotoAndPlay("/beamscan", "stop");

Next: How to author sonified pages

Whitepapers and eBooks

Intel Whitepaper: Comparing Two- and Four-Socket Platforms for Server Virtualization
IBM Solutions Brief: Go Green With IBM System xTM And Intel
HP eBook: Simplifying SQL Server Management
IBM Contest: Are You the Next Superstar? Join the "Search for the XML Superstar" Contest to Find Out
Microsoft PDF: Top 10 Reasons to Move to Server Virtualization with Hyper-V
Microsoft PDF: Six Reasons Why Microsoft's Hyper-V Will Overtake Vmware
Microsoft Step-by-Step Guide: Hyper-V and Failover Clustering
Intel PDF: Quad-Core Impacts More Than the Data Center
Intel PDF: Virtualization Delivers Data Center Efficiency
Go Parallel Article: PDC 2008 in Review
Microsoft PDF: Top 11 Reasons to Upgrade to Windows Server 2008
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Intel Whitepaper: Building a Real-World Model to Assess Virtualization Platforms

PDF: Intel Centrino Duo Processor Technology with Intel Core2 Duo Processor
Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
Go Parallel Article: Q&A with a TBB Junkie
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
IBM eBook: The Pros and Cons of Outsourcing
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
HP eBook: Guide to Storage Networking
MORE WHITEPAPERS, EBOOKS, AND ARTICLES

home / experts / javascript / column81

Embedding Sound with Flash, Part I: The Basics

Recipe for Sonifying Web Pages

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos