如何解决用于同步 smil-animation 与 svg 中的音频的 cat 2 JS
我使用 html5 CMS 模板,我也想在其中集成 SVG 动画。音频文件链接到 SMIL 动画。这只能用javascript解决。
音频SVG动画停止并再次启动时出现问题。两者都应该一键点击,但它没有成功,因为我无法在 javacript 中为 SMIL 动画输入 2 次点击,用于两种状态,暂停和未暂停。
如何将这两个来源连接起来?: (您可以在网站 arteurope.de 上看到它,您必须点击按钮)
我需要放
svg.addEventListener("mouSEOut",function() {
svg.pauseAnimations();
进入
svg.addEventListener("click",function() {
svg.pauseAnimations();
但是动画没有开始,因为第一个函数的“点击”是:unpauseAnimation,第二个函数是:pauseAnimation。
<script type="text/javascript">
(function () {var svg = document.getElementsByTagName('svg')[0],audio = null;
svg.addEventListener('click',handler,false);
function handler() {
if (!audio) {
audio = new Audio('https://arteurope.de/files/Vergessen.mp3');
audio.play();
} else if (audio && audio.paused) {
audio.play();
} else {
audio.pause();
}
}
})();
</script>
<script type="text/javascript">
var svg = document.querySelector(".svg-gears");
svg.pauseAnimations();
svg.addEventListener("click",function() {
svg.unpauseAnimations();
});
svg.addEventListener("mouSEOut",function() {
svg.pauseAnimations();
});
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。