Chrome Css 播放网络音频时动画中断
Chrome Css Animations break when Web Audio is playing
在Chrome中，当播放网站音频时，网络表单上标签的css动画失败，即使触发addClass函数的JS有效。但是，一旦我通过单击右下角的条形音箱关闭音频，动画就会按预期运行。
为什么音频会影响 css 动画？
条形音箱的过渡持续时间可能比帧的 "duration" 长。这意味着您要求动画的每一帧可能比一帧花费更长的时间。事情开始出现故障。
您已经在 "frame-by-frame" 基础上对它们进行动画处理，因此您只需将 sound-bar 过渡持续时间设置为 0 秒，它仍然看起来很平滑！
在Chrome中，当播放网站音频时，网络表单上标签的css动画失败，即使触发addClass函数的JS有效。但是，一旦我通过单击右下角的条形音箱关闭音频，动画就会按预期运行。
为什么音频会影响 css 动画？
条形音箱的过渡持续时间可能比帧的 "duration" 长。这意味着您要求动画的每一帧可能比一帧花费更长的时间。事情开始出现故障。
您已经在 "frame-by-frame" 基础上对它们进行动画处理，因此您只需将 sound-bar 过渡持续时间设置为 0 秒，它仍然看起来很平滑！