I have a span tag which looks like this. This has some jquery elements with it
<span data-show="9.032979" data-duration="8.706577"><span data-begin="9.032979" data-dur="2.201314">A-tisket a-tasket </span><span data-begin="11.234293" data-dur="2.163361">A green and yellow basket </span><span data-begin="13.397654" data-dur="2.284812">I wrote a letter to my love </span><span data-begin="15.682466" data-dur="2.05709">And on the way I dropped it, </span></span><span data-show="17.739556" data-duration="8.744531"><span data-begin="17.739556" data-dur="2.216496">I dropped it, I dropped it, </span><span data-begin="19.956052" data-dur="2.193723">And on the way I dropped it. </span><span data-begin="22.149775" data-dur="2.148179">A little boy he picked it up </span><span data-begin="24.297954" data-dur="2.186133">And put it in his pocket. </span></span><span data-show="35.236208" data-duration="8.714168"><span data-begin="35.236208" data-dur="2.186133">A-tisket a-tasket </span><span data-begin="37.422341" data-dur="2.186133">A green and yellow basket </span><span data-begin="39.608474" data-du
Scenario I’m working on , this span contains a rhyme. and I have an audio for the rhyme. I want to animate the rhyme text along with the audio. Duration and when the animation begin is inside the span tag as data-duration and data-begin respectively. How can I animate the values of span tag with the data-duration of span tag in Flutter.