PDA

View Full Version : Flash Detection


willdrury
02-08-2006, 02:41 PM
I have a flash movie embeded in my html page, however, if someone views the page and hasnt got flash player i want some alternative content to be embeded instead prompting installation. This is my code but it isnt working, can anyone see why?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD><TITLE>Live 'O' Clothing.com</TITLE>

<!-- Prevent caching in netscape.
Very important because netscape tends to mangle cached code -->
<META HTTP-EQUIV="expires" CONTENT="0">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">



<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--
// moock fpi [f.lash p.layer i.nspector]
// version: 1.3.7
// written by colin moock
// code maintained at: http://www.moock.org/webdesign/flash/detection/moockfpi/
// terms of use posted at: http://www.moock.org/terms/



// ================================================== ===========================
// These are the user defined globals.
// Modify the following variables to customize the inspection behaviour.

var requiredVersion = 7; // Version the user needs to view site (max 9, min 2)
var useRedirect = false; // Flag indicating whether or not to load a separate
// page based on detection results. Set to true to
// load a separate page. Set to false to embed the
// movie or alternate html directly into this page.

// Only set next three vars if useRedirect is true...
var flashPage = "movie.html" // The location of the flash movie page
var noFlashPage = "noflash.html" // Page displayed if the user doesn't have the
// plugin or we can't detect it.
var upgradePage = "upgrade.html" // Page displayed if we detect an old plugin
// ================================================== ===========================



// *************
// Everything below this point is internal until after the BODY tag.
// Do not modify! Proceed to the BODY tag for further instructions.
// *************

// System globals
var flash2Installed = false; // boolean. true if flash 2 is installed
var flash3Installed = false; // boolean. true if flash 3 is installed
var flash4Installed = false; // boolean. true if flash 4 is installed
var flash5Installed = false; // boolean. true if flash 5 is installed
var flash6Installed = false; // boolean. true if flash 6 is installed
var flash7Installed = false; // boolean. true if flash 7 is installed
var flash8Installed = false; // boolean. true if flash 8 is installed
var flash9Installed = false; // boolean. true if flash 9 is installed
var maxVersion = 9; // highest version we can actually detect
var actualVersion = 0; // version the user really has
var hasRightVersion = false; // boolean. true if it's safe to embed the flash movie in the page
var jsVersion = 1.0; // the version of javascript supported

// -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript1.1" type="text/javascript">
<!--

// Check the browser...we're looking for ie/win
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false; // true if we're on ie
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false; // true if we're on windows


// This is a js1.1 code block, so make note that js1.1 is supported.
jsVersion = 1.1;

// Write vbscript detection on ie win. IE on Windows doesn't support regular
// JavaScript plugins array detection.
if(isIE && isWin){
document.write('<SCR' + 'IPT LANGUAGE=VBScript\> \n');
document.write('on error resume next \n');
document.write('flash2Installed = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.2"))) \n');
document.write('flash3Installed = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.3"))) \n');
document.write('flash4Installed = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.4"))) \n');
document.write('flash5Installed = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.5"))) \n');
document.write('flash6Installed = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.6"))) \n');
document.write('flash7Installed = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.7"))) \n');
document.write('flash8Installed = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.8"))) \n');
document.write('flash9Installed = (IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.9"))) \n');
document.write('<\/SCR' + 'IPT\> \n'); // break up end tag so it doesn't end our script
}
// -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--

// Next comes the standard javascript detection that uses the
// navigator.plugins array. We pack the detector into a function so that
// it preloads before being run.

function detectFlash() {
// If navigator.plugins exists...
if (navigator.plugins) {
// ...then check for flash 2 or flash 3+.
if (navigator.plugins["Shockwave Flash 2.0"]
|| navigator.plugins["Shockwave Flash"]) {

// Some version of Flash was found. Time to figure out which.

// Set convenient references to flash 2 and the plugin description.
var isVersion2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
var flashDescription = navigator.plugins["Shockwave Flash" + isVersion2].description;

// DEBUGGING: uncomment next line to see the actual description.
// alert("Flash plugin description: " + flashDescription);

// A flash plugin-description looks like this: Shockwave Flash 4.0 r5
// We can get the major version by grabbing the character before the period
// note that we don't bother with minor version detection.
// Do that in your movie with $version or getVersion().
var flashVersion = parseInt(flashDescription.substring(16));

// We found the version, now set appropriate version flags. Make sure
// to use >= on the highest version so we don't prevent future version
// users from entering the site.
flash2Installed = flashVersion == 2;
flash3Installed = flashVersion == 3;
flash4Installed = flashVersion == 4;
flash5Installed = flashVersion == 5;
flash6Installed = flashVersion == 6;
flash7Installed = flashVersion == 7;
flash8Installed = flashVersion == 8;
flash9Installed = flashVersion >= 9;
}
}

// Loop through all versions we're checking, and
// set actualVersion to highest detected version.
for (var i = 2; i <= maxVersion; i++) {
if (eval("flash" + i + "Installed") == true) actualVersion = i;
}

// If we're on msntv (formerly webtv), the version supported is 4 (as of
// January 1, 2004). Note that we don't bother sniffing varieties
// of msntv. You could if you were sadistic...
if(navigator.userAgent.indexOf("WebTV") != -1) actualVersion = 4;

// DEBUGGING: uncomment next line to display flash version
// alert("version detected: " + actualVersion);


// We're finished getting the version on all browsers that support detection.
// Time to take the appropriate action.

// If the user has a new enough version...
if (actualVersion >= requiredVersion) {
// ...then we'll redirect them to the flash page, unless we've
// been told not to redirect.
if (useRedirect) {
// Need javascript1.1 to do location.replace
if(jsVersion > 1.0) {
// It's safe to use replace(). Good...we won't break the back button.
window.location.replace(flashPage);
} else {
// JavaScript version is too old, so use .location to load
// the flash page.
window.location = flashPage;
}
}

// If we got here, we didn't redirect. So we make a note that we should
// write out the object/embed tags later.
hasRightVersion = true;
} else {
// The user doesn't have a new enough version.
// If the redirection option is on, load the appropriate alternate page.
if (useRedirect) {
// Do the same .replace() call only if js1.1+ is available.
if(jsVersion > 1.0) {
window.location.replace((actualVersion >= 2) ? upgradePage : noFlashPage);
} else {
window.location = (actualVersion >= 2) ? upgradePage : noFlashPage;
}
}
}
}

detectFlash(); // call our detector now that it's safely loaded.

// -->
</SCRIPT>





<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body,td,th {
font-family: Courier New, Courier, mono;
color: #FFFFFF;
}
body {
background-image: url(mainbackground.jpg);
background-repeat:repeat-y
}
a:link {
color: #666666;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.style1 {font-size: 24px}
-->
</style></HEAD>

<BODY BGCOLOR="#FFFFFF">
<table width="100%" border="3" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td><div align="center">homebanner.jpg</div></td>
</tr>
</table>



</p>
<table width="600" border="0" align="center" cellpadding="3" cellspacing="0">
<tr>
<td><div align="center">
<p align="center"><span class="style1">WELCOME TO LIVE 'O' CLOTHING</span>

- URBAN STREETWEAR, YOUR STYLE OR OURS.</p>
<p align="left"></p>
<p align="left">URBAN, HIP HOP, STREET CLOTHING PRINTED TO OUR DESIGNS OR YOURS. WE OFFER OUR OWN CLOTHING LABEL AND THE OPTION TO HAVE YOUR OWN DESIGN PRINTED ONTO A T-SHIRT, POLO SHIRT, SWEATSHIRT OR HOODIE. </p>
<p align="right">WE ALSO PROVIDE PRINTING FOR SPORTS TEAMS, HEN PARTIES, STAG PARTIES, GROUP HOLIDAYS, UNIFORMS, CHARITY EVENTS ETC WITH NAME AND NUMBERING AVAILABLE.</p>
</div></td>
</tr>
<tr>
<td align="center"><SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--
// In this section we set up the content to be placed dynamically on the page.
// Customize movie tags and alternate html content below.

if (!useRedirect) { // if dynamic embedding is turned on
if(hasRightVersion) { // if we've detected an acceptable version
var oeTags = '<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
+ 'WIDTH="600" HEIGHT="450"'
+ 'CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
+ '<PARAM NAME="MOVIE" VALUE="intro.swf">'
+ '<PARAM NAME="PLAY" VALUE="true">'
+ '<PARAM NAME="LOOP" VALUE="false">'
+ '<PARAM NAME="QUALITY" VALUE="high">'
+ '<param name="wmode" value="transparent">'
+ '<PARAM NAME="MENU" VALUE="false">'
+ '<EMBED SRC="intro.swf"'
+ 'WIDTH="600" HEIGHT="450"'
+ 'PLAY="true"'
+ 'LOOP="false"'
+ 'QUALITY="high"'
+ 'wmode="transparent"'
+ 'MENU="false"'
+ 'TYPE="application/x-shockwave-flash"'
+ 'PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">'
+ '<\/EMBED>'
+ '<\/OBJECT>';

document.write(oeTags); // embed the flash movie
} else { // flash is too old or we can't detect the plugin
// NOTE: height, width are required!
var alternateContent = '

alternateimage.jpg

getflash.png

FLASH PLAYER IS REQUIRED TO VIEW SOME ASPECTS OF LIVEOCLOTHING.COM .

PLEASE CLICK THE BUTTON ABOVE TO INSTALL
</p>';

document.write(alternateContent); // insert non-flash content
}
}

// -->
</SCRIPT>

<NOSCRIPT>


alternateimage.jpg

getflash.png

FLASH PLAYER IS REQUIRED TO VIEW SOME ASPECTS OF LIVEOCLOTHING.COM.

PLEASE CLICK THE BUTTON ABOVE TO INSTALL
</p>
</NOSCRIPT></td>
</tr>
<tr>
<td valign="middle"><p align="left"></p>
<p align="left"></p>
<p align="left">BROWSE OUR RANGE... </p> <table width="600" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="50%"></td>
<td><div align="right">


</p>


</p>


...T-SHIRTS</p>
</div></td>
</tr>
<tr>
<td width="50%"><div align="left">menstshirtbutton.png (menstshirts.html)</div></td>
<td><div align="right">


</p>


</p>


womenstshirtbutton.png (womenstshirts.html)</p>
</div></td>
</tr>
<tr>
<td width="50%">

</p>


</p>


</p>


</p>


SWEATSHIRTS...</p></td>
<td></td>
</tr>
<tr>
<td width="50%"><div align="left">


</p>


</p>


womenssweatbutton.png (womenssweatshirts.html)</p>
</div></td>
<td><div align="right">menssweatbutton.png (menssweatshirts.html)</div></td>
</tr>
<tr>
<td width="50%"></td>
<td></td>
</tr>
</table></td>
</tr>
</table>





</BODY>
</HTML>

domedia
02-08-2006, 03:00 PM
Welcome to the fiorums willdrury! :)

This is my code but it isnt working
Please explain

willdrury
02-09-2006, 11:24 AM
I mean that when I view my page neither the flash movie or the alternative content is displayed

domedia
02-09-2006, 01:19 PM
Either js is not enabled or you have an error in your code which prevents it from working fully.

I really think the variable in line 276 should be on one line
var alternateContent = '

alternateimage.jpg
getflash.png
FLASH PLAYER IS REQUIRED TO VIEW SOME ASPECTS OF LIVEOCLOTHING.COM .
PLEASE CLICK THE BUTTON ABOVE TO INSTALL</p>';


I think you're pretty brave taking on moocks detections script.. it's massive and can be too much to handle for many :)