spacer
Yehuda Shiran June 6, 2001
Percentage-Panning a Flash Movie
Tips: June 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

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

In some of your applications you may need to use Flash movies and JavaScript directly, without any prepackaged APIs such as FlashSound JavaScript API. You will enjoy more features, methods, and properties, but you'll have to take care of all the tiny details that are taken for granted when using FlashSound API, for example.

One of the "tiny" details is embedding the Flash object. The JavaScript file flashmoviecheck.js does exactly this, as well as other stuff. For example, it checks whether a Flash player exists (Flash plug-in or ActiveX control), and whether its version is higher than the minimum required by the application.

Use the Flash method Pan() to pan a zoomed-in movie. The syntax is:

  Pan(x, y, mode)
This method pans a zoomed-in movie to the specified coordinates, x and y. The parameter mode specifies whether the coordinates are in percents (mode=1) or pixels (mode=0). You cannot pan beyond the boundaries of the zoomed-in movie. You cannot pan a movie with a view size of 100%.

Use the following links to play, rewind, zoom in, zoom out, and pan by 50%/50%:

Rewind | Play | Zoom In by 2x | Zoom Out by 2x | Pan 50%/50%

Here is the code:

<SCRIPT LANGUAGE="JavaScript" SRC="flashmoviecheck.js"></SCRIPT>
<A href="javascript://" onclick="javascript:mySwf.Rewind(); return false">Rewind</A> | 
<A href="javascript://" onclick="javascript:mySwf.Play(); return false">Play</A> |
<A href="javascript://" onclick="javascript:mySwf.Zoom(50); return false">Zoom In by 2x</A> | 
<A href="javascript://" onclick="javascript:mySwf.Zoom(200); return false">Zoom Out by 2x</A> | 
<A href="javascript://" onclick="javascript:mySwf.Pan(50, 50, 1); return false">Pan 50%/50%</A>
<SCRIPT LANGUAGE="JavaScript">
  Flash_embedSWF("swift3d.swf");
  var mySwf = window.document.sonify;
</SCRIPT>


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