spacer
Yehuda Shiran April 29, 2001
Random Access in Stream Flash
Tips: April 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Microsoft Shows Off Silverlight 4, IE9 Plans
Metasploit Expands Vulnerability Test Framework
HyperCard Reborn?

FlashSound JavaScript API supports the CD Player-like capability of randomly accessing any frame on the track. You just specify the frame number you want to start playback at.

As a reminder, 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. Download.
  • Create a flashsound object in the HEAD section.
  • Embed your SWF file in the BODY section.
  • Create an anchor tag and set the onmouseover event handler to the TGotoAndPlay() method.

The following four links mimic a typical CD Player control panel. The left link rewinds the track and starts from frame #1. The second link starts from frame 100, and the third one from 200. The right link pauses all playbacks:

Play from Frame 1  Play from Frame 1000  Play from Frame 200  Pause

Here is the source code:

<HTML>
<HEAD>
<SCRIPT SRC="flashsound.js"></SCRIPT>
<SCRIPT>
  var mySoundObj = new FlashSound();
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript://" 
  onmouseover="mySoundObj.TGotoAndPlay('/',1)">
  Play from Frame 1</A>
<A HREF="javascript://" 
  onmouseover="mySoundObj.TGotoAndPlay('/',100)">
  Play from Frame 100</A>
<A HREF="javascript://" 
  onmouseover="mySoundObj.TGotoAndPlay('/',200)">
  Play from Frame 200</A>;
<A HREF="javascript://" 
  onmouseover="mySoundObj.TStopPlay('/')">
  Pause</A><
<SCRIPT>
  mySoundObj.autostart = false;
  mySoundObj.embedSWF("earsonly.swf");
</SCRIPT>
</BODY>
</HTML>

Notice we assign autostart to false. The reason is that the stream example here was set to autostart upon embedding. We can override the Flash behavior with JavaScript commands.

Here are links you can use to download flashsound.js and earsonly.swf:

Download flashsound.js

Download earsonly.swf


People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Rolling Out Your Own HTML Application Version Control · HTML 5: Client-side Storage · Working with Ajax Server Extensions
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Wi-Fi Product Watch, November 2009 · Chip Market Recovering From '08 Collapse · Low-Cost Tools to Kickstart Your New Business