自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

fenglin247的博客

博客等级

码龄7年

14
原创

60
点赞

209
收藏

20
粉丝

关注

私信

热门文章

分类专栏

JavaScript 10篇
HTML 2篇
CSS 7篇

最新评论

用JS解析LRC格式的歌词
言诚356: niu
用JS实现歌词与播放音乐同步
小白要努力变黑: 调了调拖动播放时，歌词的改变。不知道这样可以吗？还有没有更好的方法？ [code=javascript] audio.onseeked = function() { var curTime = audio.currentTime; //播放器时间 for(i = 0; i < oLRC.ms.length; i++) { if(oLRC.ms[i].t <= curTime) { /*播放器往回拖*/ if(i == oLRC.ms.length - 1) { //歌词已经播放完，只剩音乐，直接跳到最后一句歌词 lineNo = i; //需要高亮的行 break; } if(oLRC.ms[i + 1].t < curTime) { //如果前一个时间也小于播放器时间，就继续循环 continue; } else { if(i < C_pos * 2) { //当前行，小于最初展示的数据，直接跳到展示到开头 ul.style.transform = "translateY(0)"; } lineNo = i; //需要高亮的行 break; } /*播放器往前拖*/ } else { lineNo = i; //需要高亮的行 break; } } document.querySelector("#lyric .lineHigh").removeAttribute("class"); //消除之前的高亮 lineHigh(); //高亮当前行 }; [/code]
用JS实现歌词与播放音乐同步
小白要努力变黑: 我调了调之前的拖拽播放，不知道可以吗？有没有什么更好的方法吗？ [code=javascript] audio.onseeked = function() { var curTime = audio.currentTime; //播放器时间 for(i = 0; i < oLRC.ms.length; i++) { if(oLRC.ms[i].t <= curTime) { /*播放器往回拖*/ if(i == oLRC.ms.length - 1) { //歌词已经播放完，只剩音乐，直接跳到最后一句歌词 lineNo = i; //需要高亮的行 break; } if(oLRC.ms[i + 1].t < curTime) { //如果前一个时间也小于播放器时间，就继续循环 continue; } else { if(i < C_pos * 2) { //当前行，小于最初展示的数据，直接跳到展示到开头 ul.style.transform = "translateY(0)"; } lineNo = i; //需要高亮的行 break; } /*播放器往前拖*/ } else { lineNo = i; //需要高亮的行 break; } } document.querySelector("#lyric .lineHigh").removeAttribute("class"); //消除之前的高亮 lineHigh(); //高亮当前行 }; [/code]
用JS实现歌词与播放音乐同步
菩萨保佑不要报错: b应该放什么
用JS解析LRC格式的歌词
菩萨保佑不要报错: ajax要异步要不然获取的数组长度就为0

HTML

关注

文章平均质量分 68

关注数：文章数：2 文章阅读量：4288 文章收藏量：14

作者: fenglin247

这个作者很懒，什么都没留下…

展开

专栏收录文章