June 7, 2001 - Pixel-Panning a Flash Movie | WebReference

June 7, 2001 - Pixel-Panning a Flash Movie

Yehuda Shiran June 7, 2001
Pixel-Panning a Flash Movie
Tips: June 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

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 -200 pixels in the x direction and by -400 pixels in the y direction:

Rewind | Play | Zoom In by 2x | Zoom Out by 2x | Pan -200/-400

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(-200, -400, 0); return false">Pan -200/-400</A>
<SCRIPT LANGUAGE="JavaScript">
  Flash_embedSWF("swift3d.swf");
  var mySwf = window.document.sonify;
</SCRIPT>