Solved

How best to manage a fullscreen flash element in a browser that changes aspect ratio

Posted on 2013-01-03
5
328 Views
Last Modified: 2013-01-15
I have a weird problem I'm trying to sort for a project and I'd appreciate some advice if possible please?

I have a project designed with a client that currently loads a swf into a new web browser and sets the dimensions as 1280x1024. Within the flash loader is a content area that is 1059x684. There is a lot of dead space in the client's window being taken up with poorly designed/executed navigation for the content however it is locked down and cannot be changed.

There is a secondary use of the content that requires it to be displayed on a projector in a medium sized room for people to study. The content within the 1059x684 is deemed to small and as such I am exploring options of making it bigger. Ideally I want to show how much better things could be if we can bust out of the none-scaled 1059x684 element within the 1280x1024 frame and simply show the 1059x684 at full-screen with some very elegant UI either in the letterbox space or vertically placed depending on whether the screen is widescreen or 4:3 (I have already worked out how to achieve this part).

My question to the experts is...

Is this possible please?

I have tried different approaches to this and to be honest I'm getting myself confused/losing objectivity. I have tried to setup External Interface calls between the SWF and the JS to resize the content but I have had limited success - the problem is I'm not sure if it is possible and if it is, I don't know if I am doing it right.

Considerations:
We have to use SWFObject

Kind regards and thank you in advance for any help you can provide,
Ady
0
Comment
Question by:arasburn
  • 3
5 Comments
 
LVL 17

Assisted Solution

by:Dushan911
Dushan911 earned 500 total points
ID: 38749781
If the original design is 1059x684, and now if you want to change to 1280x1024.
I can see only following possibilities.

- stretch the design from width to fix for 1024 of wide.
- Design (fill with some more things) to fit with 1024 of wide.

Otherwise there is no reality of achieving according to the original requirements on the design.
0
 
LVL 1

Assisted Solution

by:arasburn
arasburn earned 0 total points
ID: 38766345
The original stage size for content and player is 1280x1024.

The target was to maximise the content area on a 16:9 screen (the 1059x684).

I achieved this by pushing the conent beyond the bounds of the stage - not ideal but it did/does work.

I have seen several examples of people dynamically changing dimensions of flash, I assumed using ExternalInterface and JS but I was unable to see the workflow. This is what I was hoping to learn from the experts.

Cheers,
Ady
0
 
LVL 1

Accepted Solution

by:
arasburn earned 0 total points
ID: 38766350
I'm closing this question as it did not generate anything and was answered after a request for attention. Dushan911 kindly responded but I don't have the full answer to my question.

I accept responsibility for this as it was possibly too broad a question to be answered (I hadn't thought so at the time but the lack of response suggests so).

Cheers
A
0
 
LVL 1

Author Closing Comment

by:arasburn
ID: 38777630
If I could scrap the question rather than grade it I would. It was a disaster. Not used EE for a while, maybe I was expecting too much.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The goal of the tutorial is to teach the user how to how to load their YouTube profile onto Flash Media Live Encoder.

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now