オーディオ用のオーディオ、より多くの再生、再生に基づいてsvgを再レンダリングします

私は以前に他の人のために小さな機能をしました、

オーディオオーディオタグを使用して、再生の繰り返し、SVGの引用、オーディオでの再生

次に、繰り返し再生できるオーディオがありますが、svgが再再生されず、svgの独自のメソッドの多くを検索し、再実行に失敗しました

 

 

 

 

 

  // window.onload = function（）{

      var oMedia = document.getElementById（ "media"）;

      //再生（）と自動再生が再生を開始するとトリガーされます

      var svg = document.getElementsByTagName（ "svg"）[0];

      console.log（svg）;

      var svgs = document.getElementById（ "svgs"）;

      svg.pauseAnimations（）;

      oMedia.addEventListener（ "play"、function（）{

        //ここにコードを書きます

        // document.getElementById（ "imgsrc"）。src = "./assets/image/way1.svg";

        var element = document.querySelector（ "svg"）;

        var cloneElement = element.cloneNode（true）;

        element.parentNode.replaceChild（cloneElement、element）;

      }）;

      oMedia.addEventListener（ "ended"、function（）{

        //ここにコードを書きます

        document.getElementById（ "imgsrc"）。src = "./assets/image/template.svg";

      }）;