Copy link to clipboard
Copied
Since updating to 20.0.3, my published html5 files no longer work correctly in IE. I have created a simple 5 frame animation with a next and back button to navigate the frames. The error seems related to the new soundStream script and var keys. Here is a snippet of the new resulting code:
<script>
(function (cjs, an) {
var p; // shortcut to reference prototypes
var lib={};var ss={};var img={};
var rect; // used to reference frame bounds
lib.ssMetadata = [];
(lib.AnMovieClip = function(){
this.currentSoundStreamInMovieclip;
this.actionFrames = [];
this.soundStreamDuration = new Map();
this.streamSoundSymbolsList = [];
this.gotoAndPlayForStreamSoundSync = function(positionOrLabel){
cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
}
this.gotoAndPlay = function(positionOrLabel){
this.clearAllSoundStreams();
this.startStreamSoundsForTargetedFrame(positionOrLabel);
cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
}
this.play = function(){
this.clearAllSoundStreams();
this.startStreamSoundsForTargetedFrame(this.currentFrame);
cjs.MovieClip.prototype.play.call(this);
}
this.gotoAndStop = function(positionOrLabel){
cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
this.clearAllSoundStreams();
}
The resulting html works fine in all other browsers and does not give an error but would jump to frame 2 and lock up. The issue seems to be related to the var keys here:
this.clearAllSoundStreams = function(){
this.soundStreamDuration.keys(); <- this line
for(var i = 0;i<this.soundStreamDuration.size; i++){
var key = keys.next().value;
key.instance.stop();
}
this.soundStreamDuration.clear();
this.currentSoundStreamInMovieclip = undefined;
}
After reading through this thread: https://community.adobe.com/t5/animate/occur-a-problem-during-testing-html-canvas-in-browser/m-p/110... I "dowgraded" to 20.0.2 which fixed my issues.
Copy link to clipboard
Copied
I'm having the same issue. Sound Streaming is an interesting feature, but it’s addition has added a chunk of code to all exported HTML files that include Canvas components, regardless of if this feature is being used.
Unfortunately, this code is not IE 11 compatible.
Specifically, it uses the following code, which is not supported by IE 11:
var keys = this.soundStreamDuration.keys();
Copy link to clipboard
Copied
Hi - We are investigating a fix for this issue and will update here as soon as I have more information on this.
Thanks!
Mohan
Copy link to clipboard
Copied
Any progress / update on this?
Copy link to clipboard
Copied
(reminds myself to make extra backups of the Animate 2018 installer)