原生JS实现网页手机音乐播放器 歌词同步播放的示例

前端之家收集整理的这篇文章主要介绍了原生JS实现网页手机音乐播放器 歌词同步播放的示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

整了一下 之前写了好几次每一次都丢三落四的 今天花了半天理了下思路 整理了下头绪

获取歌词文本 var txt = document.getElementById("lrc"); var lrc = txt.value;//获取文本域里的值 /*console.log(lrc);*/ var lrcArr = lrc.split("[");//去除[ /*console.log(lrcArr);*/ var html = "";//定义一个空变量保存文本 for(var i=0 ; i获取分钟 秒钟 把时间换算成秒钟 var timer = time[0]*60 + time[1]*1; var text = arr[1]; if(text) { html += "

" } con.innerHTML = html

 
 
实现歌词同步首先要获取到文本框 再配合H5中新增的属性如图 其实很简单啦!
获取当前播放时间 
  var curTime = parseInt(this.currentTime); 
  if(document.getElementById(curTime)) 
  { 
    for(var i=0 ; i
 

以上这篇原生JS实现网页手机音乐播放器 歌词同步播放的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章