红影 发表于 2024-6-10 20:50
黑黑把刚讲解的播放器用到实例里了呢，这个还加了歌词，还能添加多个视频呢。
这样一步步都写出来的方式也 ...
{:4_191:}
if(vids.length > 0) vids.forEach(vid => aud.paused ? vid.pause() : vid.play());
这个前面还加了个判断呢。
黑黑还专门找了首端午的歌曲，好听。借帖祝大家端午安康{:4_187:}
红影 发表于 2024-6-10 20:54
if(vids.length > 0) vids.forEach(vid => aud.paused ? vid.pause() : vid.play());
这个前面还加了个判 ...
判断加不加其实都可以：迭代语句，如果 iterations 是 0，它会啥也不做
漂亮，满满的祝福。。。{:5_116:}
歌词字体大小在哪调？{:5_115:}
马黑黑 发表于 2024-6-10 20:52
歌词还是同步的，没有逐字模拟同步功能。
对的，是我说的有误，我指的就是没有模拟逐字同步。
马黑黑 发表于 2024-6-10 20:53
这个比封装的更好，可以一步步看着学习了{:4_187:}
马黑黑 发表于 2024-6-10 21:40
判断加不加其实都可以：迭代语句，如果 iterations 是 0，它会啥也不做
也是，不过加了更严密些{:4_187:}
东篱闲人 发表于 2024-6-10 21:58
歌词字体大小在哪调？
#lrc { position: absolute; left: 20px; top: 20px; font: normal 40px sans-serif; white-space: nowrap; color: darkgreen; text-shadow: 1px 1px 1px gray; animation: fly 20s linear infinite alternate var(--state); --ww: 350px; }
红色的就是字体大小
红影 发表于 2024-6-10 22:13
也是，不过加了更严密些
大概酱紫
红影 发表于 2024-6-10 22:12
这个比封装的更好，可以一步步看着学习了
封装还是有必要的。封装后，可以查看 JS 源码的
红影 发表于 2024-6-10 22:11
对的，是我说的有误，我指的就是没有模拟逐字同步。
嗯呐，明白
东篱闲人 发表于 2024-6-10 21:57
漂亮，满满的祝福。。。
晚上嚎
马黑黑 发表于 2024-6-10 22:27
嗯呐，明白
这样也挺不错，代码可以少点了。
红影 发表于 2024-6-10 23:09
这样也挺不错，代码可以少点了。
啊，是的
马黑黑 发表于 2024-6-10 22:27
封装还是有必要的。封装后，可以查看 JS 源码的
这样直接看更方便啊。
马黑黑 发表于 2024-6-10 22:26
大概酱紫
严密了不容易出错。
红影 发表于 2024-6-10 23:11
严密了不容易出错。
出错在所难免
红影 发表于 2024-6-10 23:10
这样直接看更方便啊。
差不多的。要懂得查看资源文档
马黑黑 发表于 2024-6-10 19:57
谢谢
问好老师，上午好！{:4_204:}