[Tutorial] Flash PlugIn Check mit Alternativbild

[the0bone]

Irgendwie hatten wir die Fragen ja schon 1000x.
"Prüfen ob Flash installiert ist!", "Plug In Überprüfung", "Alternativbild, wenn Flash nicht installiert" und und und

Früher hat Macromedia diese Funktion nur in DW angeboten. Dieses ist jetzt mit FlashMX geändert wurden.
Der FlashMX eigene Veröffentlichungs Assistent verfügt über einen auf JavaScript basierenden PlugIn Check mit Alternativbild.

Wie?
Wenn der Film fertig erstellt wurde und zum Veröffentlichen bereit ist, wählt man die Einstellungen für Veröffentlichungen [STRG + Umschalt+ F12].

Hier wechselt man zu den Formaten und aktiviert SWF, HTML und JPG falls nicht vorgewählt. Automatisch kommen neue Ordner hinzu.

Die Ordner der Reihe nach:

• Flash - Hier alle Einstellungen für die SWF Datei treffen. Falls nicht vom ActionScript her erforderlich sollte Flash5 gewählt werden, da der MX (oder 6er) Player noch nicht so verbreitet ist. Die weiteren Einstellungen wie Schutz oder Soundqualität ist jedem selbst überlassen.
  Bei Flash6 steht noch eine spezielle Film komprimieren Option zur Wahl. Hier werden Filme mit viel Text und Programmcode besonders effektiv komprimiert und lassen sich daher schneller downloaden.
• HTML - Hier ist jetzt die Erneuerung zu finden. Wählt man bei Vorlage Erkennen für Flash.. aus, wird der entsprechende Quellcode für die PlugIn Check geschrieben. Die Flashversion nach der geprüft wird, sollte mit der Version aus der Einstellung Flash übereinstimmen.
  Über Info bekommt man noch weitere Informationen zur ausgewählten Vorlage.
  Die weiteren Einstellungen sollen uns an dieser Stelle nicht interessieren.
• JPEG - Hier wird die Qualität des alternativen Bildes eingestellt. An den Film anpassen sollte im Sinne des Designs aktiv sein, da ein Bild mit anderer Grösse das gesamte Layout der Seite verändern kann.

Klickt man nun auf Veröffentlichen, werden eine SWF, HTML und JPG Datei in dem Speicherort der FLA erstellt.
Betrachtet man die HTML Datei, wird das Prinzip der Überprüfung schenll erkennbar. JavaScript prüft, ob Flash in der notwenigen Version vorliegt. Falls ja, dann wird mit document.write der Quellcode für den Flashfilm geschrieben.
Falls die Prüfung negativ ausgeht, wird der Code für das JPG erstellt. Möchte man diesen noch mit einem Link zur Downloadseite von MM versehen, muss man ihn einfach nur um einen Teg mit href erweitern.
Falls ein Browser kein JS unterstützt oder es deaktiviert wurde, wird automatisch das Alternativbild angezeigt.

Hier ein Beispielcode:

<SCRIPT LANGUAGE=JavaScript1.1>
<!--
var MM_contentVersion = 6;
var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;
if ( plugin ) {
		var words = navigator.plugins["Shockwave Flash"].description.split(" ");
	    for (var i = 0; i < words.length; ++i)
	    {
		if (isNaN(parseInt(words[i])))
		continue;
		var MM_PluginVersion = words; 
	    }
	var MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion;
}
else if (navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0 
   && (navigator.appVersion.indexOf("Win") != -1)) {
	document.write('<SCR' + 'IPT LANGUAGE=VBScript\> \n'); //FS hide this from IE4.5 Mac by splitting the tag
	document.write('on error resume next \n');
	document.write('MM_FlashCanPlay = ( IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & MM_contentVersion)))\n');
	document.write('</SCR' + 'IPT\> \n');
}
if ( MM_FlashCanPlay ) {
		document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
	document.write('  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" ');
	document.write(' ID="test" WIDTH="760" HEIGHT="400" ALIGN="">');
	document.write(' <PARAM NAME=movie VALUE="test.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FEFEF3>  '); 
	document.write(' <EMBED src="test.swf" quality=high bgcolor=#FEFEF3  ');
	document.write(' swLiveConnect=FALSE WIDTH="760" HEIGHT="400" NAME="test" ALIGN=""');
	document.write(' TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">');
	document.write(' </EMBED>');
	document.write(' </OBJECT>');
} else{
	document.write('<IMG SRC="test.jpg" WIDTH="760" HEIGHT="400" BORDER=0>');
}
//-->
</SCRIPT><NOSCRIPT><IMG SRC="test.jpg" WIDTH="760" HEIGHT="400" BORDER=0></NOSCRIPT>

Anmerkung:
Beim exportieren wählt Flash automatisch das erste Bild des Films. Dieses ist jedoch meistens Leer oder gehört zum Preloader. Daher ist es sinnvoll ein eigenes Bild zu erstellen. Dieses kann auch in Flash erledigt werden. Hierzu muss man in der Zeitleiste ein anderes Schlüsselbild auswählen und im Feld Bildmarkierung des Eigenschafteninspektors dem Bild den Namen #Static geben. Es bietet sich an dazu eine neue Szene an den Film anzuhängen.

PS: Bitte Feedback und Fehler an diesen Post anhängen! Danke

[ramses]

jo, das war mir bekannt. das leidige thema "detection"
wenn man diese variante wählt, setzt man voraus, bzw. hofft, dass der besucher jScript aktiviert hat.
noch schlimmer isses, wenn ein automatisches download-fenster erscheint
dann wird die angst groß........ "was issn das!!!"

ich werd's wohl so machen, dass ich vor die main-seite ne html setze in der ich brav aufkläre, dass flash das non-plus-ultra is und dass es fast jeder browser vorinstalliert hat (nur net in der 6er-version) , dass sich evtl. ein fenster öffnet (je nach einstellung der internetoptionen).
das alles kurz un knapp, damit dem besucher net langweilig wird un aus die maus.
wer dann immer noch bammel hat, soll's lassen.
bei pages, die man für andere oder gar mit kommerziellen hintergrund (firmen) erstellt, wird's komplizierter.

das war mein feedback dazu...... eigentlich wollt ich in die fireworks-abteilung


ciao

ramses

[tic]

habe jetzt nicht die suche vergewaltigt, aber meine flashdetection is was einfacher:

1. Fash-film erstellen, größe ca. 10 x 10 pixel. ein frame, kleines ActionScript drin. getURL: die zum eigentlichen flashfilm...

2. exportieren in html-file. darin ein meta-refresh mit 0!!! sekunden machen, auf die seite, die nach dem flashfilm kommt...

3. einbinden...

da der fashfilm schneller geladen und abgespielt wird als der refresh, bekommt der besucher MIT plugin den film gezeigt, der ohne wird direkt zur ersten html-seite geleitet.

ich finde, einfacher gehts nicht.

man kann da dann natürlich im film ansich noch ne versionerkennung einbauen...


gruß tic

[the0bone]

Original geschrieben von tic
habe jetzt nicht die suche vergewaltigt

Hättest du mal tun solln!
http://www.traum-projekt.com/forum/s...1565#post68292

... gibts denn keinen *gähn* Button


Nur, wenn du dir die Überschrift anschaust, geht es um ein alternativ Bild, wenn kein Player drauf ist!!! Und nicht den User auf andere Seiten umzuleiten.