Printable View
Dear collegue users and dear developers of Koolmoves.
I always worked with the excellent koolmoves, but my clients ask compatibility with their smartphones and tablets and....html5.
Flash will vanish in future.
I have tried to make an easy animation but now it's quite different when I switch to html5 for mobile devices.
Is there a manual? Has anybody experience? Or must I use the Google html5 converter?
Please help !:scared:
I suggest trying the google html5 converter.
Look at "export to html5" in the koolmoves help to see what is not supported from a previously created flash animation.
I am in the same situation than the OP.Quote:
Originally Posted by Bob Hartzell
My customer has got an iPad and asks why he can't se his website.
The Google HTML 5 converter limits Input files to 1meg.
:scared:
I tried "export to html5" in the current 8.2.0 demo.
I created a button with 3 states (just change text color).
That did not render in HTML5 with IE9, nor with Chrome.
Another try with 3 pictures were more successful.
Email me the html file with 3 state button that doesn't display in IE9 (to support at koolmoves dot com)
Call me stupid, but i could not figure out how to embed a .mp4 movie in the HTML5 configuration.Quote:
Originally Posted by Bob Hartzell
(i was surprised to see that flash displays .MP4 as well as .FLV) so I hope to have to encode ony one version)
There is no way currently because as I understand the situation standards for video (and a lot of other things) have not been solidified for Html5.
As I said there really isn't a good IDE for doing interactive HTML5, All I've seen is animation which frankly is not what I use flash for.
I was able to build a multistate HTML5 button in Koolmoves, Switch the the HTML5 interface, add a shape to the stage, then in the properties toggle is button to true then add the states.
The HTML5 multistate button is not a problem (with pictures) I just pointed out a small bug in the handling of text colors with states, no showstopper.Quote:
Originally Posted by blanius
I however really miss the video output from Koolmoves.
HTML5 is the only way to access the iCrap sect, which has got millions of adapts. Hate it or not, it is a fact.
For them (and yet only for them*) I need H.264 video (and no other format), for all others the flash version will do. Better.
*even if Metro will not support Flash either, they will support H.264, so where is the valid reason not to provide video?
RIN67630
If you don't need the player inside your KM project and are happy if it is somewhere else on your html page, you might want to look at one of these players ...
http://videojs.com/
http://www.protofunc.com/jme/
I'm affraid I need it inside the KM project (more precisely inside a button state).Quote:
Originally Posted by w.brants
I am currently trying to cook some example cutting and pasting KM generated code with code cut from public HTML5 players.
IMHO a H-264 output only will be perfectly fine, that code must address only the iCrap devices. The others will see a -much better- Flash coded site.
In the worst case I will generate the code with placeholder pictures and post-process the file with a text editor macro.
I would however find it much better, if KM would generate a least the H-264 code dierectly, which should really not be a huge effort.
RIN67630
H.264 is only supported by a few browsers
http://en.wikipedia.org/wiki/HTML5_video
That's the biggest problem with HTML5 video. There's still not a single video codec that is supported by all browsers.
I am affraid we don't understand each other.Quote:
Originally Posted by w.brants
Currently iOS devices cannot display Flash.
All other browsers (yet) can and will get Flash.
So the only yet unsolved problem is to deliver HTML5 video content to iOS devices, which all support H.264 (mp4)
So generating H.264 video code is perfectly sufficient.
Regards
RIN67630
Hello friends,
I thought I was the only one racking my brain on this one as I also was building an interactive flash animation using rendered animations from a 3D Modeling software, using buttons to go through the 3D Model.
After giving my client a demo, he said that it was too bad that he won't be able to see it on an ipod...Unfortunately, I'm not a programmer, I'm a 3D Modeler, Animator, etc, my quote for the project was estimated considering having flash as the final product, but I still want to solve this problem in the future, and I've devoted many many many hours of my own time trying to figure out how to create an interactive animation using html5.
I'm just hoping that, rin, when you figure out your post processing, would you post whether you were successful or not?
I think what you mean is that instead of using movie files in your html5, you're going to use, like, an image. Then when you generate the html5 file from KoolMoves, you'll use an html editor to go in and exchange the "img" html with "movie" html...is that right?
It is not that simple. Besides, Wilbert has brought up the strong point that there is no wide-spread support for html5 video among web browsers --
http://en.wikipedia.org/wiki/HTML5_video
Html5 was hypped before all the pieces were in place.
Bob, thanks for both your forum post and your email. I wanted to post a link to a web-page where I have a couple flash interactive movies, one being made with KoolMoves, one not made with KoolMoves, but that's not the point.
Here's a couple very rough demo flash presentations, still working on the animations, as well as the buttons, resolution not final, etc:
http://www.brianheagney.com/q-matic/
At this point, KoolMoves obviously cannot create an html5 scenario that can replicate either animation.
I also cannot get Google's Swiffy to convert the .swf to a working html5. Although from my experience, it wasn't necessrily because it limited the number of movie files, but because it wouldn't recognize my movie files, even though I took the time to convert them to an H.264 file...
I also used a full featured Adobe Flash to create a similar flash presentation, and used Adobe's Wallaby to convert, but that also did a messed up conversion, that really looked nothing like my original, also without any video.
So I guess my question is, How the hell do people make interactive presentations from 3D Animations, for Apple products to view? Is it possible? It must be right? Do I really have to be an ultra programmer to do this?
I'm asking here because so far, in the last two months, this is the only place that I've seen someone with the same question...It's like either no one else is doing this, or no one else is struggling with this.
Rin, if you want, please try to contact me (go to my contact page from the link I included here), I'd love to hear your thoughts about this. None of my other contacts seem to know or care what the solution is.
Brian, here's the deal. I feel your pain really
What you want can be done but there really isn't a simple way, it really requires a lot of hand coded work...
I found this:
http://evelyn-interactive.searchingforabby.com/
Which uses some of what you want to do. After poking around in the source code of that page I found that that person is using a Javascript framework called Dojo http://dojotoolkit.org/
Perhaps that will get you going.
As soon as Wilbert sees decent browser support for html5 video, we will implement it.
That's great Bob. You are right to wait. Frankly I'm impressed with how much html5 animation you support already.
Wilbert deserves all the credit.
Basically that is my idea.Quote:
Originally Posted by brianheagney
I expect to get some time this week to experiment with it.
I don't aim to get 100%, just to get a MP4 video to display on those iDiotic devices whose creator has deliberately chosen to ignore Flash.
All others should get a much better Flash output, with MP4 video as well (just replace the mp4 extension with .flv and here you are!).
Other video formats don't matter for me, religion wars suck.
Despite many statements Mozillabased browsers do display MP4, once the non-free codecs are loaded.
Regards
RIN67630
I am impressed too. Especially considering what others do (or don't do).Quote:
Originally Posted by blanius
Really.
I would however highly appreciate H.264 video output (and only that one) in HTML5.
Waiting for 100% is an excellent way of getting 0% forever.
RIN67630.
KM uses HTML5 Canvas to render the animation.
One way would be to draw the current video frame like an image.
The other way would be to put a video object on top of the canvas as a layer.
The first option probably is more flexible but most likely will also use more cpu power and play the video less fluently. The second option most likely will give the best video quality but the disadvantage is that the video object always is on top and nothing can be put over it.
Thank you Wilbert.Quote:
Originally Posted by w.brants
[sadist mode on]
Please, please chose option one with the most crappy rendering available.
Take 200% of the CPU power and drain the battery to flat.
The owners of iDiotic devices must suffer.
[sadist mode off]
;-))))
Fun aside, I have sometimes placed a TV frame over a video, I personally would not care if it would not be seen. Someone however has surely placed control objects on the front and this would hurt.
So even without anger against Steve Jobs, I'd chose the most compatible option.
RIN67630
Even still, Flash on any device that has hardware acceleration is faster and more efficient then silverlight and/or html5. In order for html5 to be as fast as Flash, you would need WebGL.Quote:
Originally Posted by rin67630
Bob is right about html5 being hyped up way before it should have been. If it were not for Steve Jobs, not many would even know about html5. I think he had something against flash.
Anyway, I guess that's it's good or I should say great that Wilbert and Bob added support for html5. You won't find any better support on an app like this except for here. Most of the time you can't even get a hold of the developers for most apps.
Hmm, I think I'm starting to go off topic...
http://ie.microsoft.com/testdrive/Gr...t/Default.html
indicates which video formats are supported by your web browser
Great link
IE8 only flash worked
FF 9.01 Webm and Flash
Chrome 16.0.912.75 all worked
In Mac Camino (Mozilla based) only Flash worked.
In Mac Safari all, but WebM worked.
In Linux Chromium, Flash and WebM worked.
In Linux Firefox, Flash and WebM worked.
In Linux Opera, Flash and WebM worked.
In Windows Explorer 9 Web M could be installed but did not work.
Google Chrome brought everything ooB.
Who has got iCrap devices to test?
Who has got Android devices to test?
I have read that Google considered dropping Chrome's HTML5 support for H.264, but apparently did not yet do it.
Anyhow the combination Html5 H.264 + Flash H.264 appears to work for all browsers having at least Flash 10.
This is today the best choice and the webmaster don't need to encode videos twice.
Android 2.3 via Dolphin Browser
First off the only one that work inline was flash,
The HTML5 versions seem to load but never started playing had to taskill to get out of loading screen for the videos
Defualt browser none played
Quote:
Originally Posted by w.brants
Hi Wilbert, let me return to that old thread.
Now the battle for Video codecs seems to be decided and the winner is...
H.264, which is now supported by
- Microsoft
- Apple
- Google (never converted their statement to remove H.264 from Chrome into facts, a year later it's still there and will remain, that's sure...)
- even Mozilla now supports H.264 on Firefox for Mobile
So please what is now preventing you to realize a movie feature in HTML5?
I need it desperately, else I will have to leave KM. I can't afford to have websites which can't be displayed on mobile devices.
Regards
RIN
Fair enough.Quote:
Originally Posted by Bob Hartzell
When can we expect your solution, as the codec battle is now over?
http://news.cnet.com/8301-30685_3-57...web-video-war/
Regards
RIN
I can't give a timetable right now. We are investigating how to technically implement a Html5 video player. It is a lot more complicated than the Flash video players we implemented. First off, we are investigating open source players.
I looked at things more closer and it turns out the possibilities are rather limited.Quote:
Originally Posted by rin67630
When it comes to Apple devices, this document states what's possible
http://developer.apple.com/library/s...oonCanvas.html
What it comes down to is basically that you can play a video layer behind a canvas animation layer on an iPad. iPhone / iPod Touch always play a video fullscreen.
So it doesn't come close to the AS3 player component behavior you are used to.
The main question is if such a limited approach will be sufficient to you and other users.