Everything except for the alpha transparency video is easily doable in Edge.
Rather then trying to shoehorn html5 video with an alpha transparency into Edge (not sure if this is doable), you could potentially use a png sequence or spriteSheet to play back those animations. Though the file size will be very large, and Edge does not have native implementation for png sequences or spriteSheet playback. yet.
John Dunning built a plugin for Fireworks to export a spritesheet as an Edge symbol:
Export this to HTML5 using CreateJS, very easy when you already have a flash file.
@dominicosavio - I'm not sure if CreateJS will support exporting the flv timeline video to an html5 consumable format.
for that video, can you recreate using spritesheet?
Though the file size will be very large, and Edge does not have native implementation for png sequences or spriteSheet playback. yet.
If I'm making an app for InDesign to be exported through DPS to iPad will the sprite sheets / PNG sequences work on the iPad?
I've tested 2048x2048 spritesheets on iPad/DPS and it ran fine.
The John Dunning plugin is working really well too. A solution for video
Thanks for the tip on resizing, I will probably need to with the ammount of symbols I'm using.
I don't know if this could be of help, but I exported from After Effects as PNG .MOV instead of PNG sequence, and it helps to consolidate the png files, and works to align the images in Fireworks.
I'm working with more than one Symbol, so when I import new ones the PNGs fall into the same asset folder. When I change the names in the finder, to organize them better, they get disconnected from the Edge files. Do you know if there is a way to organize asset images into new folders?
Outside of Edge, navigate to the "images" directory and create new folders for each of your various png sequences. Put your pngs in their respective folders ("images/png_sequence1" for example).
Then open Edge and you can import your images from these new folders, into Edge and they will stay in their nested folders.
Great! I'm just now trying to find a work around to keep the image sequence linked with the animation symbol.
Do you know of a way to organize symbol PNGs before they go into Edge? Otherwise they get disconnected when put into subfolders, though I can re-import and re-source each image.
I don't have too much hands-on experience with the Fireworks to Edge workflow, so I can't comment on organizing symbol PNGs in that regard.
One option, (after you get the symbol/pngs into Edge): open up the "yourFileName_edge.js" file in a text editor, and do a find and replace for the image path. Then re-open Edge, and the image sources should be connected.
The line will look something like this:
Wonderful! That's a lot less tedious.