[Flash CS4] flash preloader für html problem

[mairu]

Ich eröffne mal hier den thread nochmal, wo ich denke dass es thematisch besser passt, sorry.. ich habe schon viel gegoogelt konnte jedoch nicht wirklich eine antwort finden.
also ich bastele gerade an einem preloader rum, welches dazu dienen soll einige swf-dateien vorzuladen und gleichzeitig einen balken anzuzeigen, anschliessend soll es zu einer url übergehen. da ich auf der webseite html und flash gemischt habe kann ich nicht preloader für die ganze seite machen.
auf jeden fall sieht mein script folgerndermassen aus, welches ich aus verschiedenen quellen genommen habe:

// Init Preloader
function initPreloader() {	
	filmArray = ["about.swf", "menu.swf"]; 
		anzahl = filmArray.length;
	for (var i = 0; i < anzahl; i++) {
		this.createEmptyMovieClip("content"+i, i);
		loadMovie(filmArray[i], "content" + i);
		this["content" + i]._y = 10000;
	}
	loader_mc.brahmen_mc._width = 200;
}

// Preloader (Totalpreloader)
function preloader() {
	var geladen = 0, gesamt= 0,	prozent = 0;
	for (var j = 0; j < anzahl; j++) {
		geladen += this["content" + j].getBytesLoaded();
		gesamt += this["content" + j].getBytesTotal();		
	}	
	prozent = Math.round((geladen/gesamt) * 100);
	if(preloader_MC is MovieClip){
		preloader_MC.gotoAndStop(prozent);
	}
	if (prozent == 100) {
		
		for (var k = 0; k < anzahl; k++) {
			removeMovieClip("content" + k);	
		
		}		
		delete this.onEnterFrame;	
		getURL("home.html", "_self");	
	}
}




// LadeClips (Seperat)
function ladeClips() {	
	for(var l = 0; l < anzahl; l++) {
		this.createEmptyMovieClip("content"+l, l);		
		loadMovie(filmArray[l], "content" + l);		
	}
	// Optional	
	delete anzahl;
	delete filmArray;	
	delete initPreloader;
	delete Preloader;
	delete ladeClips;
	loader_mc.unloadMovie();
}

// Preloader ausführen
this.initPreloader();

this.onEnterFrame = function() {
	this.preloader();	
}
stop();

mein problem ist es, wie kann ich angeben, dass 1.) im hintergrund diese externen swf-dateien geladen werden, während 2.) der ladebalken zu ende durchläuft und dann sich die gewünschte url öffnet?

ich hoffe dass mir jemand helfen könnte!
mairu ist gerade online Beitrag melden Beitrag bearbeiten/löschen

[mairu]

ich habe das nun etwas geändert und hoffe dass ich mein problem verständlicher rüberbringen kann bzw dass jemand vielleicht einen rat weiss..

einige swf sollen im hg laden, während der ladebalken mc mit 100 frames den fortschritt anzeigt, danach geht es zu dem nächsten clip weiter, dazu der code:

/ Init Preloader
function initPreloader() {	
	filmArray = ["menu.swf", "about.swf"]; 
	intro_mc._visible = false;
	anzahl = filmArray.length;
	for (var i = 0; i < anzahl; i++) {
		this.createEmptyMovieClip("content"+i, i);
		loadMovie(filmArray[i], "content" + i);
		this["content" + i]._y = 10000;
	}
	}

also um die dateien zu laden, und den intro-clip unsichtbar zu machen..

// Preloader (Totalpreloader)
function preloader() {
	var geladen = 0, gesamt= 0,	prozent = 0;
	for (var j = 0; j < anzahl; j++) {
		geladen += this["content" + j].getBytesLoaded();
		gesamt += this["content" + j].getBytesTotal();		
	}	
	prozent = Math.round((geladen/gesamt) * 100);

	
	
	if (ladebalkenMC is MovieClip){
	ladebalkenMC.gotoAndStop(prozent);
	  };
 
	if (prozent == 100) {		
		intro_mc._visible = true;		
		for (var k = 0; k < anzahl; k++) {
			removeMovieClip("content" + k);			
		}		
		delete this.onEnterFrame;		 
	}
}

dazu zeigt er mir immer fehlermeldung, dass ein "(" und "}" bei dem abschnitt

	if (ladebalkenMC is MovieClip){
	ladebalkenMC.gotoAndStop(prozent);
	  };

falsch sind, obwohl derselbe script woanders ohne fehler läuft
in der theorie verstehe ich das so, dass der clip frame nach frame, je nach der grösse der heruntergeladenen bytes ablaufen soll, bis 100 % erreicht sind. in der praxis macht er das aber nicht..

function ladeClips() {	
	for(var l = 0; l < anzahl; l++) {
		this.createEmptyMovieClip("content"+l, l);		
		loadMovie(filmArray[l], "content" + l);		
	}
	// Optional	
	delete anzahl;
	delete filmArray;	
	delete initPreloader;
	delete Preloader;
	delete ladeClips;
	ladebalkenMC.unloadMovie();
}

// Preloader ausführen
this.initPreloader();

this.onEnterFrame = function() {
	this.preloader();	
}
stop();

ist dieser weg total falsch? ich hoffe sehr auf eure hilfe!!

loadMovie und ein onEnterFrame-Event sind technisch veraltet. Nimm besser eine MovieClipLoader-Instanz:

PHP-Code:

var index:Number = 0;
var urls:Array = new Array("film1.swf", "film2.swf");//etc
var targets:Array = new Array();
var picAnzahl:Number = urls.length;

//MCs erstellen
for(var i:Number=0;i<picAnzahl;i++){
    this.targets.push(this.createEmptyMovieClip("con"+(i+1),(i+1)));
}

//Listener erstellen
var mclListener:Object = new Object();
var mcLoader:MovieClipLoader = new MovieClipLoader();
mcLoader.addListener(mclListener);

//und ersten Film mit loadClip laden
mcLoader.loadClip(urls[index], targets[index]);

//während des Ladens bspw. um Ladebalken o.ä. zu aktualisieren
mclListener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
    var prozent = int(bytesLoaded*100/bytesTotal);
    _root.ladebalkenMC.gotoAndStop(prozent);

}

//Laden fertig, MC ist befüllt
mclListener.onLoadInit = function(mc:MovieClip) {
   index++;
   if (index < urls.length) {//nächster
       mcLoader.loadClip(urls[index], targets[index]);
   }
   else{//letzter geladen
      getURL("home.html", "_self");
   }
} 


[mairu]

wow danke schön für die antwort, der ladebalken funktioniert nun super!
ich habe jedoch noch ein paar verständnis fragen und zwar zu dem hier:

//und ersten Film mit loadClip laden
mcLoader.loadClip(urls[index], targets[index]);

könnte man das so machen dass die filme nicht abgespielt werden sondern man einfach zu dem nächsten frame mit einem gewünschten MC rübergeht?
bzw bis auf das hier :

 else{//letzter geladen
      getURL("home.html", "_self");
   }

nichts weiteres passiert

ich wollte eigentlich dass sie einfach nur ins cache geladen werden, damit's im browser bleibt, da die seite hauptsächlich aus html besteht und ich keine andere methode fand um die swf's vorzuladen..

könnte man das so machen dass die filme nicht abgespielt werden sondern man einfach zu dem nächsten frame mit einem gewünschten MC rübergeht?

Dann mach den Ziel-MC transparent und setz im onLoadInit auf den mc ein stop.

PHP-Code:

...
//MCs erstellen
for(var i:Number=0;i<picAnzahl;i++){
    this.targets.push(this.createEmptyMovieClip("con"+(i+1),(i+1)));
    this["con"+(i+1)]._alpha = 0;//oder _visible=false;
} 
...
//Laden fertig, MC ist befüllt
mclListener.onLoadInit = function(mc:MovieClip) {
   mc.stop();//nicht abspielen, nur stoppen
   index++;
   if (index < urls.length) {//nächster
       mcLoader.loadClip(urls[index], targets[index]);
   }
   else{//letzter geladen
      getURL("home.html", "_self");
   }
} 


[mairu]

danke für die antwort! der spielt den clip nun wie gewünscht nicht ab, das kleine problem ist nur dass der ladebalken jetzt 2x durchläuft.. ist da irgendwas doppelt?

sieht so aus:

PHP-Code:

var index:Number = 0;
var urls:Array = new Array("loki.swf", "about.swf");//etc
var targets:Array = new Array();
var picAnzahl:Number = urls.length;

//MCs erstellen
for(var i:Number=0;i<picAnzahl;i++){
    this.targets.push(this.createEmptyMovieClip("con"+(i+1),(i+1)));
    this["con"+(i+1)]._alpha = 0;//oder _visible=false;
}  

//Listener erstellen
var mclListener:Object = new Object();
var mcLoader:MovieClipLoader = new MovieClipLoader();
mcLoader.addListener(mclListener);

//und ersten Film mit loadClip laden
mcLoader.loadClip(urls[index], targets[index]);

//während des Ladens bspw. um Ladebalken o.ä. zu aktualisieren
mclListener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
    var prozent = int(bytesLoaded*100/bytesTotal);
    _root.ladebalken_mc.gotoAndStop(prozent);

}

//Laden fertig, MC ist befüllt
mclListener.onLoadInit = function(mc:MovieClip) {
   mc.stop();//nicht abspielen, nur stoppen
   index++;
   if (index < urls.length) {//nächster
       mcLoader.loadClip(urls[index], targets[index]);
   }
   else{//letzter geladen
      getURL("home.html", "_self");
   }
} 


ist da irgendwas doppelt?

Äh, ja... Zwei Filme werden geladen, siehe das Array...

[mairu]

Zitat von agedoubleju

Äh, ja... Zwei Filme werden geladen, siehe das Array...

oh das stimmt ja, peinlich...
gibt es eigentlich eine möglichkeit dass der ladebalken nur 1x durchläuft sozusagen für die gesamtdateimenge?

PHP-Code:

var prozent = int(bytesLoaded*100/bytesTotal); 


das mit einer variablen noch irgendwie multiplizieren?

gibt es eigentlich eine möglichkeit dass der ladebalken nur 1x durchläuft sozusagen für die gesamtdateimenge?

Nicht direkt, das müsstest du händisch ermitteln und in den Progress einbinden...

[mairu]

ahja, das heisst statt bytesTotal schreibe ich wieviel bytes das tatsächlich insgesamt sein sollen? (wie schreibt man das dann richtig?)

EDIT: falsch gedacht .. naja dann werde ich einfach so einen kreispreloader clip machen, der nicht von prozent abhängig sein soll.. dann müsste ich doch das hier:

PHP-Code:

//während des Ladens bspw. um Ladebalken o.ä. zu aktualisieren
mclListener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
    var prozent = int(bytesLoaded*100/bytesTotal);
    _root.ladebalken_mc.gotoAndStop(prozent);

} 


verändern..? was muss ich dann reinschreiben damit der clip einfach mal läuft bis die sachen fertig geladen sind?
_root.ladebalken_mc.gotoAndPlay(1); ?

dann möchte ich dass das eigentliche intro anfängt, wäre es sinnvoller das als eine neue szene, oder ein neuer frame mit MC anzulegen, gibt es einen unterschied wie lange es dann laden würde?
wenn ich nach meinem preloader schreibe, er soll zu frame2 mit dem intro_mc rübergehen, und danach erst wenn der intro_mc durchgespielt hat die nächste seite öffnen, habe ich hier im forum folgendes script gefunden:

PHP-Code:

onEnterFrame = function () { 
    var nr = Math.round(intro_mc.playheadPercentage);
    if (nr == 100) {
        getURL("home.html", "_self");
        delete onEnterFrame;
    }
} 


welcher jedoch nicht funktioniert.. fehlt irgendwo ein stop? in dem intro_mc selbst habe ich einen stop (); gemacht.. oder soll ich nicht ?

Du kommst jetzt von Kuchenbacken zu Ar...backen. Wenn du unbedingt so einen Kreispreloader benötigst, starte den bspw. mit einem attachMovie unabhängig vom onLoadProgress (den benötigst du dann ja nicht mehr!) und lösch ihn im onLoadInit. Der onEnterframe den du gefunden hast, ist hier reichlich überflüssig, weil dessen Aufgabe der onLoadProgress-Handler im Hintergrund übernehmen würde. Bei einer vom Ladefortschritt unabhängigen Animation benötigst du den Progress-Handler nicht mehr.

PHP-Code:


this.createEmptyMovieClip("kreis_mc",2);
this.kreis_mc.attachMovie("kreispreloader","kreispreloader",1);

/*
//während des Ladens bspw. um Ladebalken o.ä. zu aktualisieren
mclListener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
    var prozent = int(bytesLoaded*100/bytesTotal);
    _root.ladebalken_mc.gotoAndStop(prozent);
} 
*/

//Laden fertig, MC ist befüllt
mclListener.onLoadInit = function(mc:MovieClip) {
   mc.stop();//nicht abspielen, nur stoppen 
   _root.kreis_mc.removeMovieClip();//die Animation wieder löschen
//etc 


[mairu]

okay, uhm.. fertig script sieht dann so aus:

PHP-Code:

var index:Number = 0;
var urls:Array = new Array("about.swf", "menu.swf");//etc
var targets:Array = new Array();
var picAnzahl:Number = urls.length;

//MCs erstellen
for(var i:Number=0;i<picAnzahl;i++){
    this.targets.push(this.createEmptyMovieClip("con"+(i+1),(i+1)));
    this["con"+(i+1)]._alpha = 0;//oder _visible=false;
}  

//Listener erstellen
var mclListener:Object = new Object();
var mcLoader:MovieClipLoader = new MovieClipLoader();
mcLoader.addListener(mclListener);

//und ersten Film mit loadClip laden
mcLoader.loadClip(urls[index], targets[index]);


this.createEmptyMovieClip("kreis_mc",2);
this.kreis_mc.attachMovie("kreispreloader","kreispreloader",1);


//Laden fertig, MC ist befüllt
mclListener.onLoadInit = function(mc:MovieClip) {
   mc.stop();
   //nicht abspielen, nur stoppen
   index++;
   if (index < urls.length) {//nächster
       mcLoader.loadClip(urls[index], targets[index]);
   }
   else{//letzter geladen
      getURL("home.html", "_self");
      _root.kreis_mc.removeMovieClip();}
} 
stop (); 


so spielt er aber lediglich den kreis ab ;( es tut mir wirklich leid dumme fragen zu stellen aber habe ich jetzt den falschen teil ersetzt?

Sieht so aus als hättest du vergessen, im onLoadInit die _alpha-Eigenschaft des MCs wieder auf 100 zu setzen...