10 Replies Latest reply: Jul 2, 2012 3:43 PM by vampyricus RSS

    managing output size in flash player 10

    vampyricus

      I have created a SWF movie but when I maximise flash player 10 it blows the frames up to about 250%.

       

      How can I force it to only make them 100% size when maximising?

        • 1. Re: managing output size in flash player 10
          adninjastrator Community Member

          So is this on a Web page? Are you using the "Full Screen" button on the Flash player? or are you maximizing the Web browser?

          Either way, we really need to see the Web page.

          How can I force it to only make them 100% size when maximising?

           

          So you do NOT want to go full screen or maximize?

          Adninjastrator

          • 2. Re: managing output size in flash player 10
            vampyricus Community Member

            This is in flash player 10 itself .... when I press the maximise button on the application ... the picture sizes at about 250% of the original size so that parts of it are missing .... I want to be able to maximise the application and have the pictures display at just their normal size ... if I click on the View menu and select 100% then it does what I want ... but I want that size to be the default opening size rather than everyone who views it needing to do this.

             

            The Full Screen option under the view menu also causes the pics to be displayed at the larger size unless I change the 100% setting BEFORE changing to full screen view

             

             

            When I try and view it using the published html file the pictures show up closer to their normal size however most of them are partially cut off and most are sitting along the left edge of the web page (both things that I do not want to happen).

             

             

            I would much prefer to not have to post a copy of the project online at this point as it is a memorial to someone and has pictures etc in it that are personal.

            • 3. Re: managing output size in flash player 10
              adninjastrator Community Member

              Without seeing the actual page I may be misunderstanding the problem and what exactly you are trying to do.... But here goes.... guessing for the most part.

              If by:

              This is in flash player 10 itself .... when I press the maximise button on the application

              You mean that you test in Flash using Control/Enter and then you click the "maximize" icon in the top right of the window.....The player window will fill the screen, enlarging to whatever size screen you happen to have?

              This is just the default action when doing that process and has NOTHING at all to do with how the .swf will display on a Web page... that only happens when testing directly in that manner.

              The Flash display dimensions on the Web page are set by the code you are using on the Web page, not by any actons you may do while testing the .swf directly in Flash Player.

              however most of them are partially cut off and most are sitting along the left edge of the web page

              What do you mean by "cut off"? are part of the images below the opening screen? and there is no scroll bar to scroll down and see the rest of the image?

              What are the pixel dimensions of your Flash stage?

              Do all the images correctly fit on the stage? none are hanging off stage?

              What exactly do you mean by "sitting along the left edge of Web page"? Is the Web page wide enough to display all the images? Are the images all over on the left when viewed in Flash Control/Enter? all on the stage?

              To be of much further help, we need to at the very least, specific answers to the questions above and to see the code for the entire Web page. You can just copy and paste that in your reply.

              Best wishes,

              Adninjastrator

              • 4. Re: managing output size in flash player 10
                vampyricus Community Member

                Hi and thanks for your response.

                 

                I have answered ur questions in order as asked.

                 

                * Yes I test in Flash using ctrl/enter - the pages are all centred on the stage during creation of the file and they all appear IN FULL during the flash test

                 

                 

                * Yes I use the maximise icon in the top right corner of the flash player application.

                 

                 

                * I have also tried using the publish feature which is at this point set to create the html file for me. I will copy and paste the code for the html file at the bottom of this reply, however I would also like to have this as just a standalone swf video that plays in flash player which means that I need to solve the problem of the FLASH PLAYER sizing as well. ( I was going to distribute to some ppl as a standalone video via email NOT as a video in a web page )

                 

                 

                * When I talk about them being cut off - what I mean is that the images are all being cut off along the right hand side of the image so that part of the image is missing.  and no there is no scroll bar to view the remainder of the image.

                 

                 

                * When I talk about them being cut off - what I mean is that the images are all aligning to the left side of the page (I assume this is probably also part of the web page coding?) but they do NOT do this when I test or view in flash player.

                 

                 

                * The flash stage dimensions are currently set at 550px x 400px - the larger images that are being cut off are 912x609

                 

                 

                 

                This is the page code:

                 

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

                <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

                          <head>

                                    <title>new holly memorial project</title>

                                    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                                    <style type="text/css" media="screen">

                                    html, body { height:100%; background-color: #ffffff;}

                                    body { margin:0; padding:0; overflow:hidden; }

                                    #flashContent { width:100%; height:100%; }

                                    </style>

                          </head>

                          <body>

                                    <div id="flashContent">

                                              <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="700" id="new holly memorial project" align="middle">

                                                        <param name="movie" value="new holly memorial project.swf" />

                                                        <param name="quality" value="high" />

                                                        <param name="bgcolor" value="#ffffff" />

                                                        <param name="play" value="true" />

                                                        <param name="loop" value="true" />

                                                        <param name="wmode" value="window" />

                                                        <param name="scale" value="showall" />

                                                        <param name="menu" value="true" />

                                                        <param name="devicefont" value="false" />

                                                        <param name="salign" value="" />

                                                        <param name="allowScriptAccess" value="sameDomain" />

                                                        <!--[if !IE]>-->

                                                        <object type="application/x-shockwave-flash" data="new holly memorial project.swf" width="500" height="700">

                                                                  <param name="movie" value="new holly memorial project.swf" />

                                                                  <param name="quality" value="high" />

                                                                  <param name="bgcolor" value="#ffffff" />

                                                                  <param name="play" value="true" />

                                                                  <param name="loop" value="true" />

                                                                  <param name="wmode" value="window" />

                                                                  <param name="scale" value="showall" />

                                                                  <param name="menu" value="true" />

                                                                  <param name="devicefont" value="false" />

                                                                  <param name="salign" value="" />

                                                                  <param name="allowScriptAccess" value="sameDomain" />

                                                        <!--<![endif]-->

                                                                  <a href="http://www.adobe.com/go/getflash">

                                                                            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />

                                                                  </a>

                                                        <!--[if !IE]>-->

                                                        </object>

                                                        <!--<![endif]-->

                                              </object>

                                    </div>

                          </body>

                </html>

                 

                 

                 

                 

                Further information:

                 

                After reading your last reply further and being able to understand a little more of it I have gone and made a new test project and set the stage to the correct size for those larger images that I was having problems with.

                When I tested this in flash player this time the maximise button brings about the correct size as I wanted it to be (100% image size surrounded by the flash players border area).

                 

                testing it in the html page brings about the same (correct image size and full display) however the images are still left justified instead of centred in the webpage. Can you show me where I would correct this please?

                 

                 

                 

                I then have 1 further question:

                Now that I know what has caused the image sizing issue do I need to recreate the project from scratch with the correct stage size ? or can I change the stage size in the existing fully completed project?

                 

                If I have to recreate the project from the beginning - can anyone tell me if there is a way when importing the images to the stage that I can get them all to centre themselves in the stage automatically by default (when I created the original project I had to do this one by one and there are approx 40 images)

                 

                 

                Test project html page code:

                 

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

                <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

                          <head>

                                    <title>flash project test</title>

                                    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                                    <style type="text/css" media="screen">

                                    html, body { height:100%; background-color: #ffffff;}

                                    body { margin:0; padding:0; overflow:hidden; }

                                    #flashContent { width:100%; height:100%; }

                                    </style>

                          </head>

                          <body>

                                    <div id="flashContent">

                                              <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="912" height="609" id="flash project test" align="middle">

                                                        <param name="movie" value="flash project test.swf" />

                                                        <param name="quality" value="high" />

                                                        <param name="bgcolor" value="#ffffff" />

                                                        <param name="play" value="true" />

                                                        <param name="loop" value="true" />

                                                        <param name="wmode" value="window" />

                                                        <param name="scale" value="showall" />

                                                        <param name="menu" value="true" />

                                                        <param name="devicefont" value="false" />

                                                        <param name="salign" value="" />

                                                        <param name="allowScriptAccess" value="sameDomain" />

                                                        <!--[if !IE]>-->

                                                        <object type="application/x-shockwave-flash" data="flash project test.swf" width="912" height="609">

                                                                  <param name="movie" value="flash project test.swf" />

                                                                  <param name="quality" value="high" />

                                                                  <param name="bgcolor" value="#ffffff" />

                                                                  <param name="play" value="true" />

                                                                  <param name="loop" value="true" />

                                                                  <param name="wmode" value="window" />

                                                                  <param name="scale" value="showall" />

                                                                  <param name="menu" value="true" />

                                                                  <param name="devicefont" value="false" />

                                                                  <param name="salign" value="" />

                                                                  <param name="allowScriptAccess" value="sameDomain" />

                                                        <!--<![endif]-->

                                                                  <a href="http://www.adobe.com/go/getflash">

                                                                            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />

                                                                  </a>

                                                        <!--[if !IE]>-->

                                                        </object>

                                                        <!--<![endif]-->

                                              </object>

                                    </div>

                          </body>

                </html>

                 

                 

                Message was edited by: vampyricus due to further information

                • 5. Re: managing output size in flash player 10
                  adninjastrator Community Member

                  There are several ways to accomplish what you are wanting to do.

                  Currently are all 40 images just added into the main timeline? or are you using external images and loading each separately only when needed, using an external xml file or something like that?

                  Loading all 40 images at once into a Web page could make for a very large, very slow loading Web page. What size is the published .swf file now?

                  How many different sized images are there? Do they have to stay different sizes or can you resize them all to one dimension?

                  however the images are still left justified instead of centred in the webpage.

                  Is this for all the images or just those smaller than the stage dimensions? and the stage is set to 912 x 609?

                  • 6. Re: managing output size in flash player 10
                    vampyricus Community Member

                    All the images are added to just the one scene and timeline.

                     

                    the published .swf file is currently sitting at 4.35mb

                     

                    there are 15 diff image sizes and the smaller ones cannot be resized to match the dimensions of the largest size which is now the stage size as well (912x609)

                     

                    The left justification appears to be only the bigger images however the smaller ones are not centred either.

                    • 7. Re: managing output size in flash player 10
                      adninjastrator Community Member

                      4.35 MB is pretty darn large for a single .swf if you want to download over the Internet. It may take longer than some viewers want to wait. For non-Internet use... it's not a problem.

                      For non-internet delivery, "Publish" as a Flash Projector file:

                      http://www.ehow.com/how_5942407_create-projector-files-adobe-flash.html

                      One simple way to center the existing images is use the "Align & Info & Transform" panel. Click on an image and "Align horizontal center", then "Align vertical center". You should be able to correctly align them all in just a few minutes.

                      http://www.youtube.com/watch?v=YUonDoT7aLA

                      This doesn't do anything about file size, since all images are built into the main timeline.

                      To solve that problem, you'll need to look into loading external images, using xml for example.

                      What that basically is.... an image holder movie clip on the stage and using actionscript, external images are loaded in, one or two at at time, therby greatly reducing the .swf file size and download time.

                      There are dozens of Flash slideshow examples available on the net if you choose that route (just Google Flash slidesho)... or you can code your own.

                      All depends on the time you want to invest and your skill level.

                      But having so many different image sizes will complicate things a little.

                      All depends on the time you want to invest and your skill level.

                      Best wishes,

                      Adninjastrator

                      • 8. Re: managing output size in flash player 10
                        vampyricus Community Member

                        I had to use the align panel on each image individually when I did the original project and although its a oain in the rear end it doesnt take all that long so i;m ok with that.

                         

                        my skill level with xml is absolutely zero however i can try to look into a google search for examples.

                        I can't do anything about the file sizes ... theyre actual photos so adjusting their size will make a difference to how the photo looks.

                        There are atm 35 images in the file in total

                        • 9. Re: managing output size in flash player 10
                          adninjastrator Community Member

                          The simplest way is to just center each image by hand, as you did originally.

                          As for making all the images the same size... and using an automated slide show..... the "image holder" in the .fla should be the same size for all images.

                          One way to get all images the same size is to determine what the largest image is...912x609 or whatever...

                          then use a photo editing program like PhotoShop, create a "New" document 912 x 609 px, with a background color to match the stage color you are using in Flash....

                          Then place each image smaller than 912x609 (one at a time of course) in the very center of that PhotoShop doc. Save as a .jpg.

                          Now all images will be exactly the same size, 912 x 609. The former smaller images now have a background around them that matches exactly the backgound color of the Flash stage.

                          Now you can use a single, standard size "image holder" movie clip in your Flash .fla. This will allow you to position all the images correctly and load all the images from external files.... such as a Flash xml slideshow.

                          Best wishes,

                          Adninjastrator

                          • 10. Re: managing output size in flash player 10
                            vampyricus Community Member

                            ah ok ... thanks for that