Solved

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

Posted on 2013-01-03
5
332 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
5 Comments
 
LVL 17

Assisted Solution

by:Dushan De Silva
Dushan De Silva 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

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.

730 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