Angularjs指令：图像序列闪烁

Question

我正在尝试创建图像序列的angularjs指令以将其显示为视频。

每个序列有28个图像，并且有一些随机子序列 我想以视频形式运行。 不知怎的，它正在运行但是当它改变图像时它会闪烁。

http://jsfiddle.net/5n3jcsv6/3/

子测试列表在测试控制器中声明

$scope.sequences = [12,1];

并且迭代开始

$scope.nextseq = function(){
      for(var i = $scope.thisequenceidx; i < $scope.sequences.length; i++)
...

我使用setInterval（）来设置动画，在这种情况下是2个序列，不是那么聪明的方式，因为它假设每个动画的持续时间为4500毫秒，而不是等待每个动画完成;而序列是根据索引以一些特定的超时处理的。

有人可以帮我解决图像闪烁问题吗？