吉特巴舞曲《唱着歌儿嗨起来》（搬版主的代码）

寒冬残荷

红枫 发表于 2022-9-14 22:35
我估计是歌词或播放器带有边框！暂还没去看代码。

谢谢您光临指导！我已认真看代码并改写了。

寒冬残荷

非常开心 发表于 2022-9-15 06:44
欣赏楼主的新作，点赞多谢分享！

谢谢您临贴支持和鼓励！

寒冬残荷

蓝魔 发表于 2022-9-14 22:31
欣赏一下，谢谢。

谢谢您临贴支持和鼓励！

红枫

寒冬残荷 发表于 2022-9-15 12:48
这个LRC歌词JS代码在手机上不能自动播放，所以播放器加了控制条，这样在手机上可以点击播放音乐。

我不用控制条（大小设为0），手机上要播放或暂停，点击图标就行。图标也可以用整幅大图替代的。

195400

寒冬残荷 发表于 2022-9-15 12:48 这个LRC歌词JS代码在手机上不能自动播放，所以播放器加了控制条，这样在手机上可以点击播放音乐。

看看这个能不能在手机上播放，能播更好不能就按一下右下角的光盘图标

吉特巴舞曲-
《唱着歌儿嗨起来》

195400

寒冬残荷 发表于 2022-9-15 12:46
老师，中午好！是的，我全部从头到尾看了代码。除了JS部分看不懂改不了，其它的我都按我理解的改了。

最末尾的代码肯定是多余的。

1. <script type="text/javascript">
   
2. var my_audio =document.getElementById("MusicPlayer");
   
3. my_audio.onended = function(){document.getElementById("aplay").className="";};
   
4. my_audio.onpause = function(){document.getElementById("aplay").className="";};
   
5. var lyric = parseLyric(songkrc);
   
6. my_audio.ontimeupdate = function () { for (var i = 0;
   
7. i < lyric.length; i++) { if(this.currentTime > lyric[i][0]){ document.getElementById("ullrc").innerHTML = lyric[i][1]; if(i+1==lyric.length){document.getElementById("").innerHTML = ""; }else{ document.getElementById("").innerHTML = lyric[i + 1][1];};};};}; my_audio.play();
   
8. </script>

复制代码

红枫

195400 发表于 2022-9-15 13:25
看看这个能不能在手机上播放，能播更好不能就按一下右下角的光盘图标

光盘在闪点图的下一层，点不了光盘。干脆以闪点图为按钮图吧！

195400

红枫 发表于 2022-9-15 21:40
光盘在闪点图的下一层，点不了光盘。干脆以闪点图为按钮图吧！

光盘为了不太显眼做得较小，把画面放大一些就可以点上了。

寒冬残荷

195400 发表于 2022-9-15 13:25
看看这个能不能在手机上播放，能播更好不能就按一下右下角的光盘图标

老师，中午好！这个在手机上能自动播放。可惜不能循环。改为循环播放，音乐能循环，但第二遍起就没有LRC歌词。

195400

寒冬残荷 发表于 2022-9-20 12:54
老师，中午好！这个在手机上能自动播放。可惜不能循环。改为循环播放，音乐能循环，但第二遍起就没有LRC ...

确实是有问题，在电脑上也是同样的表现。
换了一个代码，倒是能循环了就是显示差点意思。