原生JS实现网页手机音乐播放器 歌词同步播放的示例
整了一下 之前写了好几次每一次都丢三落四的今天花了半天理了下思路整理了下头绪
//获取歌词文本
vartxt=document.getElementById("lrc");
varlrc=txt.value;//获取文本域里的值
/*console.log(lrc);*/
varlrcArr=lrc.split("[");//去除[
/*console.log(lrcArr);*/
varhtml="";//定义一个空变量保存文本
for(vari=0;i"+text+""
}
con.innerHTML=html}
实现歌词同步首先要获取到文本框再配合H5中新增的属性如图其实很简单啦！
以上这篇原生JS实现网页手机音乐播放器歌词同步播放的示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。