Full browser external preloader

I have a preloader and on completion it loads an external .swf. My external swf has full browser actionscript. How can I get the external PRELOADER to load the external swf and retain its full browser settings?
This is my preloader actionscript:
var l:Loader = new Loader();
l.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, loop);
l.contentLoaderInfo.addEventListener(Event.COMPLETE, done);
l.load(new URLRequest("tester.swf"));
function loop(e:ProgressEvent):void
var perc:Number = e.bytesLoaded / e.bytesTotal;
percent.text = Math.ceil(perc*100).toString();
function done(e:Event):void
removeChildAt(0);
percent = null;
addChild(l);

I did that, the external swf still loads at the movie size as opposed to the full width/height of the browser

Similar Messages

External preloader script problem

hi, i'm try to create an external preloader, i've made three layers (the script, one for a funky design of my logo and keep things simple i've also embedded the preloader text in this layer and finally the preloader bar beneath. i've created two frames for each layer, the script has two keyframes, the other layers only have a keyframe first then a standard frame. i can't get it work though, please help. here's the script i'm using on the second keyframe.
var loader:MovieClipLoader = new MovieClipLoader();
this.createEmptyMovieClip("Empty_movieclip",1);
loader.loadClip("Creative-Outrage.swf",Empty_movieclip);
var preload:Object = new Object();
loader.addListener(preload);
preload.onLoadProgress = function (target, loadedBytes, totalBytes){
if (_root.getBytesTotal() != _root.getBytesLoaded()){
gotoAndPlay(1);
else (loadMovie("Creative-Outrage.swf",Empty_movieclip));
removeMovieClip("Preloader_movieclip");
Bar_movieclip._xscale=(_root.getBytesLoaded()/_root.getBytesTotal())*100;
Preloader_movieclip.Loader_text.text=Math.round((_root.getBytesLoaded()/_root.getBytesTota l())*100)+"% Complete";

try:
var loader:MovieClipLoader = new MovieClipLoader();
this.createEmptyMovieClip("Empty_movieclip",1);
// move the next line to the end of your code
loader.loadClip("Creative-Outrage.swf",Empty_movieclip);
var preload:Object = new Object();
loader.addListener(preload);
// the next two lines should be in preload.onLoadProgress
//Preloader_movieclip.Bar_movieclip._xscale=(loadedBytes/totalBytes)*100;
//Preloader_movieclip.Loader_text=Math.round((loadedBytes/totalBytes)*100)+"% Complete";
preload.onLoadProgress = function (target,loadedBytes,totalBytes){
if (loadedBytes = totalBytes){
// (loadMovie("Creative-Outrage.swf",Empty_movieclip)); <-- comment out or remove this line
removeMovieClip("Preloader_movieclip");
else {
gotoAndPlay(1);
it's still not displaying any gradual progress, it just displays the full progress bar immediately even when i simulate a download and it's not loading the external file either.

FULL Browser Issue

Hello: I am in need of someone's expertise Please...
I have an AS2 .fla with all of my stage items on the timeline as opposed to inside a container swf. Hence, I must chose Center vertical and Horizontal options in the HTML alignment options when publishing in order for my movie to be perfectly centered in the middle of the browser. I would like to have a FULL Browser Background Image, however when I try using the following code, my background ("bg") does not fill the entire browser.
Can someone please tell me what I am doing wrong and if it is even possible to have a full browser background image while still using CENTER alignment in the HTML publish settings? I have tried the following code with and without the Stage align settings and with the xy coordinates centered-still no luck!
bg.Stage.align = "TL";
Stage.scaleMode = "noScale";
bg._width =Stage.width;
bg._height =stage.stageHeight;
bg.x = 0;
bg.y = 0;

I really don't know why this one project is giving me so many issues. Got my external swf cenetered- now the movie dissapears on resize
. I can still hear the music playing from the external swf though:
var swfLoader:Loader = new Loader();
holderMC.addChild(swfLoader);
var bgURL:URLRequest = new URLRequest("index2.swf");
swfLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadProdComplete);
swfLoader.load(bgURL);
function loadProdComplete(e:Event):void {
trace("file loaded")
function resizeHandler(e:Event):void
bg.width = stage.stageWidth;
bg.height = stage.stageHeight;
swfLoader.x = (stage.stageWidth - swfLoader.width) * .5;
swfLoader.y = (stage.stageHeight - swfLoader.height) * .5;
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.addEventListener(Event.RESIZE, resizeHandler);
stage.dispatchEvent(new Event(Event.RESIZE));

Full Browser Flash in firefox help

Hello.
first I'd like to say beforehand that i'm just an average
timeline flash designer. not really deep into programming. and
doesn't know any programming languages except PHP on an advanced
level nothing more nothing less. I mean, I only use javascript via
copy paste from a site that gives codes. so here's my question:
I have made a full browser flash site, or so it was called
(is that official? FBF?) my problem is, it doesn't work in firefox,
i tried googling, it resulted to change the doctype to an older
one, I did that, no progresss, delete the doctype enrtirely, did it
too, still no progress. And, found some site that let's you insert
css:
<style type="text/css">
HTML, BODY {height: 100%; width: 100%}
</style>
did it too but still no flaah in firefox. and oh, I have the
plug-ins installed just fine. here's my html code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<html>
<head>
lines 1, 2, amd 3,
and then to the flash part.:
<body>
<table width="100%" height="100%" border="0"
cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="50%"><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="100%" height="100%">
<param name="movie" value="flash/main.swf">
<param name="quality" value="high">
<embed src="flash/bg.swf" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="100%"
height="100%"></embed>
</object><script type="text/javascript"
src="ieupdate.js"></script></td>
</tr>
</table>
</body>
It works ok in IE and btw, I only know how to make a full
browser flash by changing the size in the code from width="x" to
width="100%" and height="x" to height="100%" basically, I just set
any dimension i see in 100%. but of course I already created the
flash movie size that extends to 1280 x 1024.
can you help me please? I hope I enough info so you may
tackle wherever I've gone wrong. Thanks!

Any chance your video card might have "video" related settings that might be interfering? While I'm not suggesting that you switch browsers, trying to reproduce this on another browser will give us a datapoint to see if this is firefox specific. I would recommend giving both IE or Chrome a try to see if it still occurs.

What is the best practice for full browser video to achieve the highest quality?

I'd like to get your thoughts on the best way to deliver full-browser (scale to the size of the browser window) video. I'm skilled in the creation of the content but learning to make the most out of Flash CS5 and would love to hear what you would suggest.
Most of the tutorials I can find on full browser/scalable video are for earlier versions of Flash; what is the best practice today? Best resolution/format for the video?
If there is an Adobe guide to this I'm happy to eat humble pie if someone can redirect me to it; I'm using CS5 Production Premium.
I like the full screen video effect they have on the "Sounds of pertussis" web-site; this is exactly what I'm trying to create but I'm not sure what is the best way to approach it - any hints/tips you can offer would be great?
Thanks in advance!

Use the little squares over your video to mask the quality. Sounds of Pertussis is not full screen video, but rather full stage. Which is easier to work with since all the controls and other assets stay on screen. You set up your html file to allow full screen. Then bring in your video (netstream or flvPlayback component) and scale that to the full size of your stage (since in this case it's basically the background) . I made a quickie demo here. (The video is from a cheapo SD consumer camera, so pretty poor quality to start.)
In AS3 is would look something like
import flash.display.Loader;
import flash.net.URLRequest;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.ui.Mouse;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.display.StageDisplayState;
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
// determine current stage size
var sw:int = int(stage.stageWidth);
var sh:int = int(stage.stageHeight);
// load video
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
var vid:Video = new Video(656, 480); // size off video
this.addChildAt(vid, 0);
vid.attachNetStream(ns);
//path to your video_file
ns.play("content/GS.f4v");
var netClient:Object = new Object();
ns.client = netClient;
// add listener for resizing of the stage so we can scale our assets
stage.addEventListener(Event.RESIZE, resizeHandler);
stage.dispatchEvent(new Event(Event.RESIZE));
function resizeHandler(e:Event = null):void
// determine current stage size
    var sw:int = stage.stageWidth;
    var sh:int = stage.stageHeight;
// scale video size depending on stage size
    vid.width = sw;
    vid.height = sh;
// Don't scale video smaller than certain size
    if (vid.height < 480)
    vid.height = 480;
    if (vid.width < 656)
    vid.width = 656;
// choose the smaller scale property (x or y) and match the other to it so the size is proportional;
    (vid.scaleX > vid.scaleY) ? vid.scaleY = vid.scaleX : vid.scaleX = vid.scaleY;
// add event listener for full screen button
fullScreenStage_mc.buttonMode = true;
fullScreenStage_mc.mouseChildren = false;
fullScreenStage_mc.addEventListener(MouseEvent.CLICK, goFullStage, false, 0, true);
function goFullStage(event:MouseEvent):void
    //vid.fullScreenTakeOver = false; // keeps flvPlayer component from becoming full screen if you use it instead
    if (stage.displayState == StageDisplayState.NORMAL)
        stage.displayState=StageDisplayState.FULL_SCREEN;
    else
        stage.displayState=StageDisplayState.NORMAL;

The external preloader doesn't wait?

Hello! I have a new dilemma concerning external preloaders.
Now I found out that sometimes external preloaders don't wait to load the entire swf file before this last one runs.
I read a few tutorials, specifically this: http://sierakowski.eu/list-of-tips/45--two-ways-of-preloading-in-actionscript-3.html.
I understood the concept and I applied both explained methods, but still couldn't find a solution: the swf file runs before the preloader finishes to load.
Can anybody help me?
This is my code (useless) so far:
import flash.display.MovieClip;
var myLoadedMovieClip:MovieClip;
var contentLoader:Loader;
loadContent("Index11.swf");
function loadContent(url:String):void
    contentLoader = new Loader();
    contentLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, loading);
    contentLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, contentLoaded);
    contentLoader.load(new URLRequest(url));
function contentLoaded(evt:Event):void
    myLoadedMovieClip = MovieClip(contentLoader.content);
    myLoadedMovieClip.play();
    removeChild(progressbar);
    addChild(myLoadedMovieClip);
function loading(evt:ProgressEvent):void
    var loaded:Number = evt.bytesLoaded / evt.bytesTotal;
    setBarProgress(loaded);
function setBarProgress(value:Number)
    progressbar.bar.scaleX = value;
    contentLoader.visible = true;

Thank you Kglad!
Thanks to your questions, I realised there wasn't a problem with the code you gave me at all.
It was MY problem. I got confused and I should be more systematic and organised with my files.
Now everything works fine.
I leave the code properly written, in case anyone needs to see it:
from the External preloader:
import flash.display.MovieClip;
var myLoadedMovieClip:MovieClip;
var contentLoader:Loader;
loadContent("Index11.swf");
function loadContent(url:String):void
    trace("start load");
    contentLoader = new Loader();
    contentLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, loading);
    contentLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, contentLoaded);
    contentLoader.load(new URLRequest(url));
function contentLoaded(evt:Event):void
    trace("loaded");
    myLoadedMovieClip = MovieClip(contentLoader.content);
    myLoadedMovieClip.play();
    removeChild(progressbar);
    addChild(myLoadedMovieClip);
function loading(evt:ProgressEvent):void
    var loaded:Number = evt.bytesLoaded / evt.bytesTotal;
    setBarProgress(loaded);
function setBarProgress(value:Number)
    progressbar.bar.scaleX = value;
    contentLoader.visible = true;
And in the swf file:
first frame (with blank keyframes in the timelines):
stop();
trace("frame",1);
second frame:
trace("frame",2);
my url is: http://gabrielates.com/
Thanks again!

Full browser window

Hi Guys
I found a method of filling the full browser window, with
footer always at bottom, that I used here:
www.tragicallyunhip.net
The method works a treat, but I wasn't happy with that design
so I tried out something new here:
www.tragicallyunhip.net/temp
And here I added a little extra, wanting to have the gradient
on top and bottom like I do.
If you view it in IE7 all is well. In FF, not so much. I
added two divs around the table which fills the screen, and this is
the issue. In FF it isn't filling the screen, despite the fact that
the two DIVS (one to house the top half's background image, the
other to house the bottom half's) are wrapping around a table
which, when left alone like in the first example, fills width and
height perfectly.
I am hoping there is a fix for this.... I like this idea and
would love to have it work out. I tried having the bottom
background fill a footer cell in the table (like the footer in the
first example) instead of a wrapper DIV, and while it fills the
screen, I can't then get it to go behind the main content like I
want to.
Andy

I might have fixed it...
http://www.tragicallyunhip.net/temp/index2.html
Can someone tell me how ohrribly broken this is in IE6, if at
all? Or any other issues.
Thanks
Andy

I upgraded to v16 and now when I go to Hotmail/Qutlook email appears in mobile mode. How do I get it to appear in full browser mode?

How do I get it to appear in full browser mode?

Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
*Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do not click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
You can also check your security software (firewall) to make sure that if doesn't modify the user agent or otherwise makes the website think that you use a mobile connection.
You can check the network.http.* prefs on the about:config page and reset all bold user set network.http prefs to the default value via the right-click context menu -> Reset.
*http://kb.mozillazine.org/about:config

Full browser window placeholder that acts like background image fill?

I want to be able to set full browser window placeholder that acts like the background image fill function, but be able to then build in a multi-anchored horizontal parallax. The effect is like we have a background image fill, but can slide horizontally between pages as if they are in a slide show. Simultaneously, content inside the placeholder such as longer paragraphs of text can scroll down - on top of the image layer, but inside the borders of the image placeholder. For a clear example of this, see this website: http://argonautinc.com/
I've read and searched but to no avail. I'm only about one week into Muse, so please forgive me if this is super simple! Thanks, Nico

Hi Nico_Cineaste,
You can achieve the design by using Fullscreen Slideshow in MUSE as object.
Open any page in MUSE , click on the "Object" >> Slideshow >> Fullscreen.
Click on your blank web page.
This will give you a full screen slideshow.
You can now design as per your requirement.
Thanks
Prabhakar Kumar

Full browser flash scalable slideshow

Hi All,
I'm interested in making a full browser, scalable slideshow. I have found tutorials on how to create a full-browswer background with a tiled image, and also how to create a full browser background with a movie that runs in the center of the browswer, but does not scale.
I have seen this done here, for example, at this very beautifl website: http://mslandarchitects.com/# This is what we're aiming for.
I know this can be done with javascript, and I have a version of this done for the iphone/ipad... however, I work for a design firm and we need some easier editable schnazzy effects that flash can offer for those who are visiting our website on any device that is non-iphone/ipad.
Can anyone reccomend a tutorial that addresses this particular topic?
Thanks!

Hi There (Again)
Thanks again for referring me to this site...
I'm having some issues implementing the swf fit. When I use the following code, The swf does not fill up the full browswer window when the window is at its maximum size. I get white space on the left and right that will disaspeer as I shrink the window. I would like the swf to take up the full window, regardless of the size. Would anyone mind taking a peak and the code I'm implementing? See if there is anything glaringly wrong?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <script type="text/javascript" src="source/swfobject.js"></script>
       <script type="text/javascript" src="source/swffit.js"></script>
    <script type="text/javascript">
            var flashvars = {};
            var params = {};
            var attributes = {};
            params.menu = "false";
            params.quality = "high";
            params.scale = "no_scale";
            params.bgcolor = "#FFFFFF";
            params.allowFullScreen = "true";
            params.AllowScriptAccess = "always";
            attributes.id = "flash";
            swfobject.embedSWF("green.swf", "myContent", "100%", "600", "9.0.0", "expressinstall.swf", flashvars, params, attributes);
            swffit.fit("flash");
    </script>
</head>
<body style="height: 100%; padding: 0pt; margin: 0pt;">
<object id="flash" height="600" width="100%" type="application/x-shockwave-flash" data="green.swf" style="width: 100%; left: auto; margin-left: 0pt; height: 650px; top: auto; margin-top: 0pt;">
<param name="menu" value="false">
<param name="quality" value="high">
<param name="scale" value="no_scale">
<param name="bgcolor" value="#FFFFFF">
<param name="allowFullScreen" value="true">
<param name="AllowScriptAccess" value="always">
</object>
</body>
</html>
thank you once again,
R

Full Browser in AS3 - Error #1009

Please Help...
I'm learning AS3 and Flash CS4 right now and I'm trying to do what I have been doing in AS2 for years and I'm having some problems. I'm trying to make a Full-Browser Flash site and upon resizing the screen I get an error #1009.
I am able to to resize the mc's on the screen without a problem, but once I add simple interactivity, I get an error upon resizing the window.
To duplicate this problem,
1. Test the movie
2. Click on either circle
3. Then click on the opposite circle.
4. Then either resize or maximize the window and you will see the "Output window" with the Error #1009
I'm sure I'm doing something very stupid, but I just don't know what I'm doing wrong.
Here's a link to the fla file: http://plusonedesigngroup.com/test/nosaletest.fla
Please Help!
Thanks in advance,
Mike.

doghouse.
Yes, I was able to download your file and Thank You for trying to help. The problem for me is I have no idea where to begin with your file... There are 35 ".as" files controlling this movie and I'm very new to AS3.
Isn't there a simple way to control the timeline of a flash movie while using the full browser?
Thanks,
Mike.

Full Browser Flash

Hey guys,
I need to make my site full browser flash because when a
portfolio element is clicked in its menu, a black overlay fades in
and a project swf is called. Simple enough, but of course the
overlay needs to fill the user's window otherwise it will look
disjointed.
When I publish to full browser flash I have set the
dimensions to 100% and got rid of the margins. The only problem is
that the image and pixel text is distorted because they aren't at
their proper size! Is there a certain size I should build to?
I had one idea that I could have a flat colour background
that uses the stage class to scale it's size whilst the content
stays the same size, the black overlay would use the scale class to
define it's size too.
Would this work? I would obviously need to make sure that the
central site stays central.
Any ideas?
Cheers
Sam

you will have to change the scalemode of the flash movie.
AS1,2
Stage.scaleMode = "noScale";
If you are using AS3:
// assuming mcStage is a Stage object
mcStage.scaleMode = StageScaleMode.NO_SCALE;

Taskflow region page full browser stretch

how can i display contents of a page built using dropping a task flow as region on page in full browser window. how can i stretch the region to be displayed in full browser.
My page has a panel form layout, does having a panel form layout cause problem while trying to stretch the contents to full browser window.
Edited by: 963798 on Oct 14, 2012 8:47 PM

http://jdevadf.oracle.com/adf-richclient-demo/docs/tagdoc/af_panelStretchLayout.html
"If you try to put a component inside of this component and that child component does not support being stretched, then the component hierarchy is illegal. To make it legal, you need to insert another intermediate component between >this component and the child component. This intermediate component must support being stretched and must not stretch its children. An example of such a component that is commonly used for this purpose is <af:panelGroupLayout >layout="scroll">. By using a wrapper like this, you create a flowing layout area where nothing will be stretched inside of it. Examples of components that do not support being stretched inside of these panelStretchLayout facets (and >therefore need to be wrapped) include:
<af:panelBorderLayout>
*<af:panelFormLayout>*
<af:panelGroupLayout layout="default">
<af:panelGroupLayout layout="horizontal">
<af:panelLabelAndMessage>
<af:panelList>
<trh:tableLayout>

Music begins playing before my external preloader is complete. Can anyone help?

Hi, I'm hoping someone can help with this. My code for the external preloader is below: (not sure why the odd boxes are showing up)
function launchSWF(vBox, vFile):void{
var swfLoader:Loader = new Loader();
//vBox.addChild(swfLoader);
var swfURL:URLRequest = new URLRequest(vFile);
swfLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgressHandler);
swfLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadProdComplete);
swfLoader.load(swfURL);
function loadProdComplete(e:Event):void {
trace("swf file loaded");
vBox.removeChild(preLoader);
vBox.addChild(swfLoader);
currentSWF = MovieClip(swfLoader.content);
currentSWF.gotoAndPlay(1);
currentSWF.addEventListener(Event.ENTER_FRAME , checkLastFrame);
function checkLastFrame(e:Event):void {
if (currentSWF.currentFrame == currentSWF.totalFrames) {
currentSWF.stop();
// trace("DONE");
var preLoader:loader = new loader();
preLoader.x = 345;
preLoader.y = 340;
vBox.addChild(preLoader);
function onProgressHandler(event:ProgressEvent){
var dataAmountLoaded:Number=event.bytesLoaded/event.bytesTotal*100;
preLoader.bar.scaleX = dataAmountLoaded/100;
preLoader.lpc.text= int(dataAmountLoaded)+"%";
trace(preLoader.bar.scaleX );
var container:MovieClip = new MovieClip();
var swfFile:String = 'WashingtonGas.swf';
var currentSWF:MovieClip = new MovieClip();
launchSWF(container, swfFile);
//put it on stgae
addChild(container);
Thank you!

I think the problem is that my as3 knowledge is too limited for me to do anything other than directly follow a tutorial, use code snibbets, etc. I'm feeling like this should be easy but even with your suggestions, its not coming together, unfortunately.
When I add the sound via actionscript, it still loads too early and I also then can't figure out how to turn it on/off with the button I have in the swf. When I add a simple play(); and stop(); it only stops my animation in the swf. Here is my working url in case that sparks anything!
http://www.rowhouseco.com/WashingtonGas/

Full Browser width slideshow ... can Muse do it (naitively)?

Hi All,
I'd like to place a full browser width slideshow into Muse.
Is there a simple clean way to do this?
I know there is a 'work around' method (discussed at http://forums.adobe.com/message/5359472#5359472) , but I'd like to avoid it.
Many Thanks!
Gary

Muse supports full screen slideshow since the release of Muse 7. Take a look at the video here - http://tv.adobe.com/watch/muse-feature-tour/adobe-muse-november-2013-new-fullscreen-slides how/.
Muse 7 release notes - http://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html#November 13, 2013.
Thanks,
Vinayak

Full browser external preloader

Similar Messages

Maybe you are looking for