Full Screen Woes

[doubledrop]

Having banged the head against the brick wall for a few evenings now thought I'd finally give in and ask for some advice please...

I want the toggle fullscreen on/off feature. Have read the lesson, written the XML etc but can't get it to work at all. It's not my browser or FlashVersion because other people's on-line examples work perfectly for me, so it's me being an idiot I'm sure.

Here's a quick test page of it not working: http://www.screenstar360.com/swf/KITCHEN.SWF
and here's the XML:

<?xml version="1.0" ?><panorama><parameters>
behaviour=2
friction=0.9
layer_5 = files/glassmeter.swf
layer_4 = files/SAFullscreen.swf
layer_10 = files/fps.swf
layer_15 = files/hotspots.swf
layer_20 = files/menuFullscreen.swf
layer_25 = files/openFullscreen.swf
</parameters>
<hotspots>
<global>

<spot id="full" url="images/black_f.png" onClick="fullscreen=(); brightness=0.5 "/>

</global>
</hotspots>
</panorama>

it;s just a temporary button of course and i've added the command for brightness onto the button just to prove it is actually receiving it's onClick command.

i have also included Denis' SAFullscreen to see if that would at least work offline as standalone, i understand it's not for websites.
the menu/fullscreen rightclick doesn;t trigger full screen either.
I'm on mac, tried firefox and safari, latest Flash.

also tried it embedded into a constrained HTML page here (but no joy):
http://www.screenstar360.com/embed/full.html you can view the source HTML there which i think is causing extra problems.

thanks good people - really wanna crack this cos my tour is otherwise starting to come together, here:
screenstar360.com

doubledrop

[jferrer]

I'm quite lamer in the use of FPP, but I've read your question and I've just 2 possible solutions that I'm sure you have already tested:

Have you coded anywhere the "allowFullScreen = true" parameter?
You have used the default function for fullscreen, but have your tried the "fullscreen(-);"?


In any case good luck!!
I share your feeling about "banging the head against the brick wall for a few evenings".

[GregorH]

Have you read the SAFullscreen.txt that comes with the plugin?
It says:


Standalone Player fullscreen switcher
Version 0.1

Switches the standalone player to fullscreen mode and handles ESC button to close the application.

It doesn't work with online panoramas! Use fullscreen() command in Hotspots plugin instead.


Better use a Hotspot with image of your choice and just:
onClick="fullscreen(-);

[lc8b105]

Hi doubledrop,you don't need so many menu full screen plugins.
try to change the code in your xml file as below:
<?xml version="1.0" encoding="utf-8"?>
<panorama>
<parameters>
behaviour=2
friction=0.9
layer_5 = files/glassmeter.swf

layer_10 = files/fps.swf
layer_15 = files/hotspots.swf
layer_20 = files/menuFullscreen.swf

</parameters>

<hotspots>
<global>
<spot id="full" scale="1" static="1" depth="100" alpha="0.5" onOver="alpha=0.9" onOut="alpha=0.5" salign="RB" staticX="-40" staticY="-30" url="images/black_f.png" onClick="fullscreen(-)" />

</global>
</hotspots>

</panorama>

I looked http://www.screenstar360.com/embed/full.html ,you didn,t use Use SWFObject to Embed to HTML right?
Please try to use SWFObject,as wrote in Flash Panorama Player Userguide.
What jferrer and GregorH said are right.

[doubledrop]

Thanks to all for your suggestions. I have tried them all. Here's the ammended pano:
http://www.screenstar360.com/test/kitchen.swf

and the XML:
<?xml version="1.0" encoding="utf-8"?>
<panorama>
<parameters>
panoName = images/kitchen
layer_4 =files/hotspots.swf
layer_6 =files/glassMeter.swf
</parameters>

<hotspots>
<global>
<spot id="leftbutton" url="images/black_f.png" pan="-5" onClick="fullscreen(-); rotation+=10" />
<spot id="rightbutton" url="images/black_a.png" pan="5" onClick="rotation+=10; fullscreen(-)" />
</global>
</hotspots>

</panorama>



jferrer - i have tried your fullscreen(-) suggestion here thanks. i presume the character in the brackets is just a basic minus sign?
i've not embedded this test constrained into HTML page yet as i think i need to walk before i can run on fullscreen!
and i think the allowfullscreen="true" applies to the HTML not the XML ? or am i missing a trick here i wonder...

gregorH... yes i've taken out SAFullscreen now - and it wasn't even working as a standalone offline anyway. thankyou. as i now understand it there is no need for any plug-in, just an onClick command to trigger fullscreen?

lc8b105 i have removed all the needless plug-ins and have changed the opening line as you suggest.
in the previous test, and in fact on my working pano screenstar360.com i did indeed use SWFobject to create the HTML snippet which is what iWeb has used to embed the SWF into its HTML constrained layout.

so overall thankyou all for your tips. sadly i'm no nearer success and i think it is most likely an obvious thing that i'm doing wrong. if anybody would like the files stuffing for download to try out for themselves let me know.

doubledrop

[izoneguy]

Here is what i do:

<spot id="full" alt="Enter/Exit Fullscreen" altYOffset="-50" altXOffset="-25" altSize="12" smartScale="1" static="1" salign="BC" staticX="160" staticY="-44" url="images/black_f.png"
onClick="fullscreen(-)"
onEnterFullscreen="full.alt=exit fullscreen"
onExitFullscreen="full.alt=enter fullscreen" />

[doubledrop]

Thanks izoneguy, i've tried your XML here: http://www.screenstar360.com/test/kitchen.swf
and here's the whole file i used:
<?xml version="1.0"?>
<panorama>
<parameters>
panoName = images/kitchen
layer_5 =files/glassMeter.swf
layer_10 =files/hotspots.swf
</parameters>
<hotspots>
<global>
<spot id="full" alt="Enter/Exit Fullscreen" altYOffset="-50" altXOffset="-25" altSize="12" smartScale="1" static="1" salign="BC" staticX="160" staticY="-44" url="images/black_f.png"
onClick="fullscreen(-)"
onEnterFullscreen="full.alt=exit fullscreen"
onExitFullscreen="full.alt=enter fullscreen" />
</global>
</hotspots>
</panorama>

sadly it doesn't work for me on or offline. does it function for anybody else? if so it could be my flashplayer having security issues?

[izoneguy]

Hmmm, you are just pointing to the.swf file....
Like in your original work, point to an .html file
that references the .swf and the .xml file.

[doubledrop]

Sorry, what a Duffus I am!! here is the same files embedded using SWFobject and added to HTML page as a snippet in iWeb:
http://www.screenstar360.com/test2

for some reason i believed that it was possible to see the fullscreen feature whilst testing your pano offline - so maybe that's one big hurdle of learning i've passed? does this kind of fullscreen toggle only work when hosted live on the web?

the only edit i have made to the SWFobject generated HTML is the following: so.addParam("allowFullScreen","true") - possible problem being that it might not be added to the right line of the HTML? here's the whole code used for this test:

<!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" lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashContent", "9.0.0", "expressInstall.swf");
</script>
</head>
<body>
<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="myFlashContent" so.addParam("allowFullScreen","true")>
<param name="movie" value="kitchen.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="kitchen.swf" width="800" height="600">
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer">
<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>

thanks for persevering with me, this is the only brickwall i've really hit with FPP and would love to find the solution.

[izoneguy]

Just try going back to your first presentation and add the full screen button in.

[doubledrop]

Hi izoneguy, done as suggested here: screenstar360.com/test3.
here's the XML:
<?xml version="1.0" ?>
<panorama>
<parameters>

behaviour=2
friction=0.9
layer_15 = files/hotspots.swf
layer_25 = files/openFullscreen.swf
</parameters>

<hotspots>
<global>

<spot id="old" url="images/black_l.png" onClick="fullscreen=(); rotation+=2 "/>

<spot id="full" alt="Enter/Exit Fullscreen" altYOffset="-50" altXOffset="-25" altSize="12" smartScale="1" static="1" salign="BC" staticX="160" staticY="-44" url="images/black_f.png"
onClick="fullscreen(-)"
onEnterFullscreen="full.alt=exit fullscreen"
onExitFullscreen="full.alt=enter fullscreen" />

</global>
</hotspots>
</panorama>

and here's the HTML:


<!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" lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashContent", "9.0.0");
</script>
</head>
<body>
<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="myFlashContent">
<param name="movie" value="kitchen.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="kitchen.swf" width="800" height="600">
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->

<script type="text/javascript">
var so = new SWFObject("kitchen.swf", "mypano", "800", "600", "9", "#FFFFFF");
so.addParam("allowFullScreen","true");
so.addParam("allowScriptAccess","sameDomain");
so.addVariable("panoName", "images/pano1");
so.addVariable("sensitivity", "50");
so.addVariable("keySensitivity", "50");
so.write("flashcontent");
</script>


</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>

thanks.

[izoneguy]

Hello,
I was talking about the first VR tour I saw from you.
Try adding the spot id "full" into your original xml.

However, when I look at your programming you have constrained the menu
items which would make it hard to go full-screen.

Look at some other examples of menu navigation that
have full-screen toggles.

Your design is good if you want to limit the size of your panos.

http://www.screenstar360.com/flashvr.html

[doubledrop]

Thanks for your perseverance! You're absolutely right, when I did that design I didn't consider the implication of fullscreen option, so yes it was only really meant for the constrained version.
In the future I think that I'll design navbars that will scale nicely in proportion from the outset.

I'm focused on solving the fullscreen issue now, for just the basic single pano with no Navbar, cos I expect that clients will demand the option, and it should be a simple thing for me to offer. As it's not a plug-in issue, and the XML command is simple, then my thinking is that I'm currently failing at the HTML stage.

I am no code-writer, FPP is the only time I've done anything like this, so excuse my learning curve being huge. I'm using SWFobject to generate the HTML code, and TextWrangler to edit that HTML. What I think I'm failing with is where to add the line:
so.addParam("allowFullScreen","true");

if anybody could look at the HTML above and tell me where i'm going wrong that'd be helpful.
Regards, doubledrop

[izoneguy]

TRY THIS:

HTML::::::::::

<!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>test</title>
<style type="text/css">
<!--
/* hide from ie5 mac \*/
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
.style1 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style></head>
<body>
<center>
<br>
<br>

<br>

<br>

<script type="text/javascript" src="swfobject.js"></script>
<div class="style1" id="flashcontent">
<p>&nbsp;</p>
<p align="center">As this virtual tour is so advanced you need to upgrade to the latest version of Adobe Flash Player by <a href="http://www.adobe.com/go/getflashplayer/" class="style1">clicking here</a>. </p>
<p align="center"> The download is very small, taking less than a minute on a broadband connection. </p>
<p align="center">Thank you for your patience, enjoy the tour. </p>
</div>
<script type="text/javascript">
var so = new SWFObject("kitchen.swf", "pano", "1024", "570", "9", "#333333");
so.addVariable("xml_file","kitchen.xml");
so.addParam("allowFullScreen","true");
so.addParam("allowScriptAccess","sameDomain");
so.write("flashcontent");
window.document["pano"].focus();
</script>


<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1793098-1";
urchinTracker();
</script>
<center>
Flash VR
</center>


</body>
</html>

Look at the next message for the XML

[izoneguy]

(I looked at your original and modified it a bit)
I only posted what I changed
I just modified the Kitchen and Studio, this is the typically way
of doing it.....)
I added the fullscreen by just duplicating the - button.
Try this and you will see what I mean about the menu layout.
XML::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::


<?xml version="1.0" ?>
<panorama>
<parameters>
behaviour=2
friction=0.9
zoomMax=1.5
zoomMin=0.6
zoom=0.6
panoName = images/kitchen
layer_5 = files/hotspots.swf
layer_10 = files/glassmeter.swf
layer_15 = files/autorotator.swf
</parameters>

<autorotator>
speed = 0.25
interval = 30
pause = 200000
quality = low
</autorotator>

:::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::


<spot id="full" alt="Enter/Exit Fullscreen" altYOffset="-50" altXOffset="-25" altSize="12" smartScale="1" static="1" salign="BC" staticX="160" staticY="-44" url="images/button -.png"
onClick="fullscreen(-)"
onEnterFullscreen="full.alt=exit fullscreen"
onExitFullscreen="full.alt=enter fullscreen" />



I just did this one example -
:::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::
<spot id="NavBarStudio" url="images/NavButtonStudio.png" static="1" salignX="0.4" salignY="0.46" alpha="0.5" depth="1"
onOver="salignY=0.44,100"
onOut="salignY=0.46,100"
onClick="sound.url=sounds/sound1.swf; loadPano(panoName=images/studio&pan=0&tilt=0&zoom=0.45)" />

</global>
</hotspots>
</panorama>

[doubledrop]

thanks x1,000,000 for your help and advice. done exactly that.
for some reason the HTML page loads with the "update your player" message, even though i am on 9.0.124.0 and even after downloading that version it again won't let me past to see my pano and shows the same message. hmmmm?

i copied and pasted your exact HTML from above. it looks quite different to what SWFobject generates, do i need to edit it at all?

i'd like to stop asking questions now and help some other good people out! promise i will be a generous board member one day soon... anybody want to know about FCP / AE i'm your man!

[doubledrop]

sorry forgot to post the link:
screenstar360.com/test4

[izoneguy]

Probably have some files in the wrong place??

You need a kitchen.swf and the .xml
in the root...

Notice in the xml I place the pano images in a folder called...images....

I played with your files a bit...

http://www.cotfl.com/ss/sss.html

Click the far right - button

[doubledrop]

It's certainly nice to see my kitchen fullscreen! Now if only I can replicate your good work Sir...

I've used your exact HTML and XML, and the pano loads locally as SWF/XML so happy I've got that far without error.

I think you're exactly right and it could be to do with my files/folders structure which could be the fastest thing ever to solve, latest simplified test is live here: screenstar360.com/test5/kitchen.html

it's now just one pano, with one button and hotspots plug-in. but can;t get past the "update your player" dialogue. i now know definitively that it's not my FlashPlayerVersion becuase your example works for me.

Here's a screengrab of the file/folder structure from Cyberduck:
http://www.screenstar360.com/blank.html

i've omitted the iWeb HTML snippet part of the process in case that was causing issues, so now there is one solitary HTML, a carbon copy of your good work.

i'm new to HTML as you might have noticed (!) am i right to be formatting it as HTML Unicode UTF-8 unix (LF) ???? i'm using Text Wrangler to edit it, but it might as well be a foreign language to me. I'm determined not to be a flakey artist who can't grasp the technical toolset needed to deliver this exciting work. So of course undying thanks and gratitude to you once more grovel grovel, nice1 matey.

[doubledrop]

http://www.screenstar360.com/test6/fullscreen.html

cracked it!
God that was painful! there's an interesting article here for anyone with same hurdle to cross:
http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode_04.html

this test i've managed to make work using SWFobject generated HTML as normal, then edited in TextWrangler to include the lines copied n pasted from Adobe, just editing their id="fullscreen" to be "myFlashContent" and where ever they have "fullscreen.swf" just change to your relevant name eg "kitchen.swf". here's the successful HTML:

<!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" lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashContent", "9.0.0", "expressInstall.swf");
</script>
</head>
<body>
<div>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,18,0"
width="600" height="400" id="myFlashContent" align="middle">
<param name="allowFullScreen" value="true" />
<param name="movie" value="kitchen.swf" />
<param name="bgcolor" value="#333333" />
<embed src="kitchen.swf" allowFullScreen="true" bgcolor="#333333" width="600" height="400"
name="fullscreen" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

</div>
</body>
</html>


when time allows i think i'll try and write an idiot's guide for this with full code examples and plain english explanations, as a way to help out other junior members like me who are none-plussed by HTML. FPP is so creatively powerful IMHO it's these uber-hurdles that keep it from being more widely adopted.

anyway, thanks to all those who've been tuning in to this post! and especially izoneguy and the other's who posted advice, you're all very good people and i am grateful for your perseverance. after 2 weeks of headaches, i feel like i could conquer the world now... three cheers for Denis.

[doubledrop]

Sorry, is it just me or is this showing as foreign characterset?

[izoneguy]

Yes, spammers. I have not been able to log-in as moderator to
kick them out. As soon as I can get in I will try to clean it up.

[cheathamlane]

http://www.screenstar360.com/test6/fullscreen.html

cracked it!
God that was painful! there's an interesting article here for anyone with same hurdle to cross:
http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode_04.html

(snip)
when time allows i think i'll try and write an idiot's guide for this with full code examples and plain english explanations, as a way to help out other junior members like me who are none-plussed by HTML. FPP is so creatively powerful IMHO it's these uber-hurdles that keep it from being more widely adopted.

anyway, thanks to all those who've been tuning in to this post! and especially izoneguy and the other's who posted advice, you're all very good people and i am grateful for your perseverance. after 2 weeks of headaches, i feel like i could conquer the world now... three cheers for Denis.

Cool!

If you are interested, and find the time to come up with the idiot's guide for this issue -- I'd be pleased to post it at FlashPanos.com, along with the other tutorials and code snippets already in place there. Feel free to read the other tutorials for examples of format.

Cheers,