Making my Flash Canvas / HTML5 responsive without stretching project?

So I'm really close to completing this Flash-based Canvas project. Issue is I want it to scale down for different browser sizes. I kind of have that now.....sort of.
Let me try to explain. I have this link: Punk Rock Fitness | Made in LA Fitness | Los Angeles, CA
Which is 100% width but cuts off the height.
Then I have this link: http://purcraft.com/madeinla/home2_height.html
Which is 100% height but depending on your browser, it stretches out the height to fit. Which makes sense but it isn't ideal.
Same problem with 100% height and width......you get that fun house mirror effect, which isn't so desirable.
So what I'd like to find is a piece of script that makes my project 'responsive' so it scales much at the same ratio of the movie, without distortion. This movie is 1200x768 so for example, on an iPad it might be 768x492 on a 768x1024. Make sense?

I forgot to mention but when I check the WP-based page, I get the following two errors in Console:
TypeError: cjs.MovieClip is not a constructor
}).prototype = p = new cjs.MovieClip();
home2.js (line 170, col 19)
TypeError: lib.home2 is not a constructor
exportRoot = new lib.home2();

Similar Messages

Flash CC HTML5 Canvas Accessibility - 508

Has anyone had success creating a Tabindex order within a Flash CC HTML5 Canvas file? Been using Flash for online training courses but looking to make the move to HTML5 using Flash CC. When you create a new HTML5 Canvas file the Accessibility panel is not available. I have been using Actionscript for several years to handle the Tabindex order so the fact that HTML5 canvas files don't have the Accessibility panel available can't be a good sign.

Accessibility in HTML5 is handled strictly in the HTML. It is usually done with descriptors added to attributes of elements. Each browser handles, or doesn't handle, these attributes in a slightly different way. The result is that accessibility is at least as complex as CSS in HTML5. Here's an article that should help to make it unclear: HTML5 accessibility - work in progress March 2014.
In any case incorporating accessibility into the HTML5 translator for Flash is probably not going to happen any time soon.

How to get audio to play on Ipad using flash cc html5 canvas

I'm using flash cc html5 project type. I built my project and tested on desktop and it works fine. Once test on ipad it does not play the audio. It works on android devices but not my ipad 4. I'm using Mp3 files in my flash project.
I tried the safari & Chrome on my Ipad neither played the audio in my file.
Links to my files.
http://dev.wisc-online.com/prototypes/TestJosh/cis3405_html5.html
http://dev.wisc-online.com/prototypes/TestJosh/cis3405_html5.js

Thanks I read through that. I still cant determine what exacty my issue is.
Is it audio must be played only on a click handler?
Is it that i must install quick tiem on my ipad?
So i have to modify code that flash outputs for me to get audio to play on an Ipad? That doesnt seem correct? It should just function.

Exporting flash cc html5 animation to edge animate

I want to create an interactive animation for PC, cellphones tablets etc. Since most cellphones do not support flash I decided to do this in HTML5. Flash cc supports html5 canvas but the response time of the simple buttons I created is just awful and buggy. After researching I found out that everyone suggest Edge for html5 content. My problem is in edge I do not have any brush or pen tools which I need for my animations. So I would have to create vector animations in flash and export them to edge. I have found absolutely nothing to do this. I can either export as swf which the majority of cellphones do not support or videos that are non vector or non vector image sequences. I can publish flash cc html5 canvas as html/js but I cant Import it to edge. Am I missing something or why isn't this possible?

Hi Alhab
One way to do this is, exporting your content from Flash to Edge Animate as sprite sheets. The following discussion might help you to bring your content from Flash to Animate.
created animation in flash turn it into a rollover
Let us know If you need more help.
Thanks
Manigandan

How to increase the size of text boxes in FCPX without stretching the text inside?

How to increase the size of text boxes in FCPX without stretching the text inside?

There are two basic Title formats — I should say Layouts — available: Text (plain) and Paragraph. (The plain text version usually does not appear with the blue dot controls — those generally appear for the paragraph type control.)
If the Title is using a Paragraph layout, it's like having a mini version of Text Edit available inside FCPX. You can tell when you click on the text (when the title is selected) -- a rectangle will appear around the text like so:
double clicking on the text will give you the bounds controls which you can use to redefine the text area without distorting the text. Once selected, notice the button that appears in the top right corner of the canvas:
Pressing that will activate the ruler. You can right click on the ruler and add Tab Stops (left, right, center and decimal.)
So if the title uses paragraph formatting, you can create a very WYSIWYG type of display text (use the Text inspector to alter text selections within the paragraph bounds.)

Is there a Flash to HTML5 converter? Or other options.

Is there a Flash to HTML5 converter Application for desktop/laptop Macs? I have tried to stay the course of 'no flash' but it can be challenging.
So a sub question could also be, for those in the Mac community who advocate HTML5, what do you do when you come across a site that requires flash?

http://download.cnet.com/SWF-Converter-for-Mac/3000-2194_4-75915652.html
http://download.cnet.com/AST-SWF-Movie-Converter/3000-6676_4-75871171.html
I have Flash turned off via an extension. I have to click on Flash content to play it.

I NEED HELP! Making a flash email form using php.

Hi, my name is Sean, I'm making a flash contact form using php for a website.
I'm having a hard time with the php. Can some one help?
Click here to download my source.

Satellite A505-S6005
ACPI Flash BIOS version 1.40 for Satellite A500/A505 (PSAT6U/PSAT9U)
When you execute the download file (sat6v140.exe) it decompresses into several files in the sat6v140 folder.
Among those, is the readme.txt attached, which explains how to create the CD.
Burn a CD or DVD from an ISO file
-Jerry
Attachments:
readme.txt ‏14 KB

Taking 4:3 to 16:9 without stretching..?

Is there an app (MPEG Streamclip or something) that can add black "pillars" (opposite of letterbox) to a 4:3 clip so it won't stretch in 16:9 ..?

You can "pillarize" your video (did I just coin a new term?) with MPEG Streamclip. Drop your 4:3 video in the app and select what format you'd like to export it to. Let's say, for qualities sake, you choose "Export to QuickTime" and select Apple DVCPRO50. Select the "FRAME SIZE" you want, which will most likely be 1280 x 720 or 1920 x 1080 if you're striving for 16:9. Interlaced scaling will be pre-selected by default, and you may as well leave it selected. Just for the **** of it select "Better Downscaling." Can't hurt...supposedly improves the quality of conversions, though the conversions take slightly longer.
Okay, on to the pillars. One of the adjustment selections you'll see is "ZOOM," which changes the aspect ratio of the video. Leave the first setting where it is at 100%. It's the next setting called "X/Y" where the pillar/letterbox action is. You'll notice X/Y offers three choices. The first, by default, is "1." That simply leaves the video at the mercy of the frame size you've selected - meaning that it would stretch your 4:3 into a 16:9 video. Not what you want. The next choice is "1.333." That'll letterbox your video, which is great for converting 16:9 to 4:3. It's the last choice offered that'll give you pillars - "0.75." After selecting it click the "Preview" button to see if the adjustment takes you where you want to go. If it doesn't, than I've completely misunderstood your question! Sorry.
Incidentally, you can remove the pillars/letterboxing by changing the Zoom field from 100% to 133.3%, which would enlarge your picture to fit 16:9 without stretching it. Quality may suffer a bit, but it's worth experimenting with. (The Zoom "Center" feature is usually left at zero, unless you want to move the picture to the left or the right a bit).

Flash canvas

I have a question about flash canvas where I asked?

i have a .png (image) inside MovieClip how can i call it by code
i used
this.MC.addEventListener("click", fl_ClickToHide.bind(this));
function fl_ClickToHide()
this.MC.visible = false;
But I did not get the result

Making a flash animation into link

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3271770931_3721276
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
Hi all
Could someone tell me how to make a animation placed into
Dreamweaver
clickable? I just need a simple link to another page but I
can¹t find where
to link anything in. Is it a parameter that I need to set up?
Thanks
--B_3271770931_3721276
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>Making a flash animation into link</TITLE>
</HEAD>
<BODY>
Hi al=
l 
Could someone tell me how to make a animation placed into
Dreamweaver click=
able? I just need a simple link to another page but I
can’t find where=
to link anything in. Is it a parameter that I need to set
up? 
 
Thanks
</BODY>
</HTML>
--B_3271770931_3721276--

Thanks Urami
Nice and simple, thanks very much
Gaz
On 5/9/07 12:29 am, in article
fbkpp1$juf$[email protected], "urami_"
<[email protected]> wrote:
>
>
> Garry Bradley wrote:
>> Hi all
>> Could someone tell me how to make a animation placed
into Dreamweaver
>> clickable? I just need a simple link to another page
but I can¹t find where
>> to link anything in. Is it a parameter that I need
to set up?
>
> You need to make that within flash movie.
> You could use big invisible button on top of your entire
content
> or simple apply onMouseDown event to the timeline which
will make
> the whole stage clickable, follow by getURL action.
>

Flash and HTML5 ???

Hi everyone
Does anyone know if the iPad is going to have flash or html5 soon?
It's annoying how they can create and implement technology like this and yet I get frustrated when I want to go on a website and tells me I need flash.
Help!!!

1. The iPad has a bigger screen, I have an iPhone that is much more comfortable than something that is roughly half the size of the iPad/more than twice the size of the iPhone, flash is slow, drains battery, and hogs RAM
2. price is $1000 UNSUBSIDIZED. The iPad is $829 at most UNSUBSIDIZED. The high end iPad in the US also maxes out at 64GB while the highest end Tab maxes out at 34GB (after purchasing a separate 32GB SD card). So you get more for less with the iPad (storage wise).
3. The Tab is still yet to actually ship. I have had an iPad since April 30th.
4. Flash is fairly easy. I learned it in 8th grade. I have built several websites with it...about the same level of difficulty as building a website in MS Publisher... It costs a lot more to make an HTML5/CSS3 website than for a flash site due to all the coding involved.
5. The tools to secure an android device for enterprise are very limited.
6. Android 2.2 (aka Froyo) is not designed for tablets, nor are any of the apps in the official app market. (Google themselves have said this). The version optimized for tablets is 3.0 and is not due to be released until next year.
Now that all that has been said, google searches, or use of the search box on the right will turn up around 50 different threads for the iPad alone. People need to use those first...

HTTP Live streaming test in Flash Player, HTML5 player, iphone, android and other smart phones.

Hi,
Can anyone please tell me how can I play http live streaming from FMLE 3.2 to Flash player, iphone, ipdad, HTML5 player, Android and other devices?
I have tried my best to play live streaming usine FMLE 3.2 with help of "http://help.adobe.com/en_US/flashmediaserver/devguide/WSd391de4d9c7bd609-52e437a812a3725df a0-8000.html" but not able to play video using HTTP.
When I tried to play url- "http://localhost/hds-live/livepkgr/_definst_/liveevent/livestream.f4m" even in in Strobe Media Player it was showing "Buffering" that's it. But I can play same RTMP URL in Flash AS3 using the netstream very fine.
Now I want to test the livepkgr content via HTTP to Flash Player, HTML5 Player (on Web browser and smartphones), iphone and other devices.
Thanks
Best regards,
Sunil Kumar

Hi Sunil,
It's difficult to debug an issue when you don't have access to the machine and you can't see what's happening, so I request you to please have a little patience.
For playback just check the following steps and make sure if you have followed them :
1) Delete the streams folder and any .stream file in the livepkgr
2) Restart FMS
3) Make sure you have a crossdomain.xml under root_install/webroot
4) Publish a stream from FMLE as 'livestream?adbe-live-event=liveevent'
5) Use this player to playback the stream : http://osmf.org/dev/2.0gm/StrobeMediaPlayback.html?src=http://<your-ip>/hds-live/livepkgr/_definst_/liveevent/livestream.f4m
If there is no playback, here are some checks you can do :
1) Request for the http://<your-ip>/hds-live/livepkgr/_definst_/liveevent/livestream.f4m in your browser. You should receive an xml that looks something like this :
<?xml version="1.0" encoding="UTF-8" ?>
 <manifest xmlns="http://ns.adobe.com/f4m/1.0">
 <id>livepkgr/events/_definst_/liveevent</id>
 <mimeType />
 <streamType>live</streamType>
 <duration>0</duration>
 <bootstrapInfo profile="named" url="../../../streams/livepkgr/events/_definst_/liveevent/livestream.bootstrap" id="bootstrap7158" />
 <media streamId="livestream" url="../../../streams/livepkgr/events/_definst_/liveevent/livestream" bootstrapInfoId="bootstrap7158">
 <metadata>AgAKb25NZXRhRGF0YQgAAAAAAAhkdXJhdGlvbgBAJUUeuFHrhQAFd2lkdGgAQHQAAAAAAA=</m etadata>
 </media>
</manifest>
2) Check the access log under Apache to see if the .f4m, .bootstrap and Frag files have been requested and delivered. If a particular entry has a status code of 200 then the file has been served by FMS. You can confirm the same on the client side using a software like fiddler.
Coming to the player issue, a playback of *f4v via the vod directive is a progressive download, whereas playback of an *f4m file via hds-vod is HTTP streaming.
I have personally used Spark VideoPlayer and hence suggested the same.
You need to add a component like :
<s:VideoPlayer width="100%" height="30%" chromeColor="#CCCCCC" color="#000000"
 fontSize="12"
 source="http://<your-ip>/hds-live/livepkgr/_definst_/liveevent/livestream.f4m"
 symbolColor="#000000"/>
Let me know if any of these suggestions help.
Thanks,
Apurva

Why so little function flash to html5?

this software flash to html5 called it can convert its flash format to html5, i have a try, but find the function is so little.
i feel s odispoint. any one can recommend a better tool?

Hi
The graphic which you posted seems to be non-interactive flash content which draws an animated graph when the user plays it.
Since it's non-interactive, one solution, which works on mobile devices as wekk is to convert yoru flash content to video, then use the HTML5 <video> tag to embed the video in a webpage.
With this solution, your animated content will be visible on all popular HTML 5 devices / mobile devices.
If this solution interests you, try out FLABACO (www.Flash-Banner-Converter.com). It's a Free, online Flash (SWF) to video converter which generates great quality video.
Flabaco supports action script, maintains the frame rate (fps) and is capable of handling professional HD content.
The only thing you need to ensure is that the flash content auto-plays as soon as it is loaded. (autoplay / autostart.)
Let me know if you need any help.
Kayo,
FLABACO (www.Flash-Banner-Converter.com)

Convert flash to html5

hi ,
i want to know is there a product that can convert flash to html5, if there is , can u tell me how to get the sdk, i want to get it if i can via purchase , please tell me more details,thanks

Hi junchen
Please Refer : http://www.adobe.com/products/flash/flash-to-html5.html
you are also welcome to contact our support team at http://adobe.ly/yxj0t6

Does iOS 7's Safari Convert Youtube Flash and HTML5 Videos to Quicktime? How Is it Playing?

Hi. It's good to see Safari (I have iOS 7) playing videos on sites like Youtube. Is it converting Flash and HTML5 to Quicktime or is the video playing because it's only using HTML5? How does Safari go about playing Youtube and Flash videos? Apple has solved the Flash for mobile problem then?
Thank you. Have a great upcoming sunday mass/ great week.
God bless.

there is no flash for mobile problem since adobe has discontinued flash for any mobile device.
Safari is not converting anything.
HTML5 facilitates streaming video in a format that ios devices can natively play(mp4).
Youtube/google is putting stuff up in html5.

Making my Flash Canvas / HTML5 responsive without stretching project?

Similar Messages

Maybe you are looking for