Video Component Does Not Work After Converting Action Script 3 to HTML5 Canvas

[Roslyn_Gattacho]

I am having trouble using the video component functions in Animate after converting from Action Script 3 to HTML5. I am using Animate 23.0 and created a fully functional file using Action Script 3. After creating the file that I wanted with screen organization, I used the in-program option to convert the file to HTML5 so that I could share the file with other people (as Action Script 3 produces an swf which is no longer supported). When I did this, all of my externally linked video files (45) were removed as expected, but then when I tried to add video files through the components menu (leaving the components properties as default), I ran into substantial problems.

The first video component, which is linked to a file on my computer (we'll call it File A) would not load in Test Mode. Test Mode showed that File A was loading, but nothing ever loaded and eventually the loading icon stopped. I tried using a different video file (File B), which I created in the exact same way as File A (used Animate, added sound with Premier, used File Encoder to encode H.264), and it seemed to work with no clear difference between File A and File B. I went in to my folder to see why File A wasn't loading and noticed that the file count in the folder went down. I had 46 files in my source folder, but after running Test Mode with the two videos I now have 44. The two missing files from the folder were the ones specified as the video component source (Files A and B). Despite the fact that they are missing and the file count went down, there is nothing in the trash folder.

I restored the source folder and tried to see if I could recreate the problem starting from an HTML5 script (rather than converting to HTML5 from Action Script 3) and this didn't happen. The files in the source folder remain and the files properly load, but other issues came up.

If I don't have to start over from scratch, I would really appreciate this because my original structure will take weeks to recreate in Animate with HTML5 and there is no guarantee that the other issues which I found won't become a new sticking point.

[kglad]

so what problem do you have after all that?

[Roslyn_Gattacho]

As mentioned above: the video doesn't work and files are being either deleted or moved. That is a problem.
Can you replicate this and suggest what may be going on/how to fix it?

[kglad]

i can't reproduce that.  i tried:

create an as3 project with flvplayback component on stage

used the component parameters panel to navigate to the source

test

convert to html5

add the video component

use the component parameters panel to navigate to the same video

test

both tests look fine and checking the video folder used, the video file is still there unchanged.

[Roslyn_Gattacho]

Thank you very much for taking the time to try. I guess I will have to start from scratch since this may be some strange bug.

[kglad]

i would strart with your as3 file

remove the video component

convert to html5

and continue to build the html5

[Nicktendo28]

I can't replicate it either but I agree with Kglad. Do what he said. 

[Roslyn_Gattacho]

Thank you for your help. I have been debugging it with a friend and while we still don't why the files are deleting, we now have more information. The problem is not with the SWF > HTML5 conversion, it's with the Animate compiler.

When we added the video source to the video component, there were still 46 files in the folder after Animate grabbed the metadata. After we compiled the Animate file, however, the number of files in the source file dropped. We used a back-up folder's contents to repopulate the source folder contents and reloaded our browser without compiling again. Voila! The videos work.

[kglad]

i don't understand that, but all's well that ends well.