《分分钟需要你 (Live)》- 毛不易/单依纯
<style>
.outer { position: relative; width: 760px; height: 520px; cursor: pointer; background: #ccc linear-gradient(rgba(100,26,210,.75),rgba(25,175,100,.65)); }
.mama { position: absolute; left: 10px; top: 10px; width: fit-content; height: fit-content; cursor: pointer; }
.wrap { width: 96px; height: 80px; -webkit-box-reflect: below 0 linear-gradient(transparent,rgba(0,0,0,.15)); display: flex; align-items: flex-end; gap: 4px; }
.wrap span { width: 6px; height: 60px; background-color: rgba(255,0,0,.6); display: block; position: relative; }
.wrap span::before { position: absolute; content: ''; width: inherit; height: 3px; background: #eee; top: -3px; animation: up 1s ease-in infinite; }
.mama meter { width: 96px; position: absolute; bottom: -4px;}
@keyframes up { from { top: -3px;} to { top: -16px; } }
</style>
<div class="outer">
<img src="https://pic.imgdb.cn/item/629b5f8b0947543129a7ad6d.jpg">
<div class="mama">
<div class="wrap"></div>
<meter id="meter" value="0" min="0" max="100" low="33" high="66" optimum="70"></meter>
</div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1951513623.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let mama = document.querySelector('.mama'), wrap = document.querySelector('.wrap'), aud = document.querySelector('#aud'), meter = document.querySelector('#meter');
let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min, prog = (tt, cc) => 100 * cc / tt;
Array.from({length: 10}).forEach((ele) => {
ele = document.createElement('span');
ele.className = 'sskey';
ele.style.backgroundColor = `rgba(${num(0,255)},${num(0,255)},${num(0,255)},.95)`;
wrap.appendChild(ele);
})
let sskey = document.querySelectorAll('.sskey');
mama.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate', () => {
Array.from(sskey).forEach((ele) => {
ele.style.height = num(10, 60) + 'px';
})
meter.value = prog(aud.duration, aud.currentTime);
})
</script>
分分钟需要你 (Live)- 毛不易 / 单依纯
毛不易：
愿我会揸火箭带你到天空去
在太空中两人住
活到一千岁都一般心醉
有你在身边多乐趣
共你双双对好得戚好得意
地冧天崩当闲事
就算翻风雨只需睇到你
似见阳光千万里
毛不易：
有了你开心点乜（什么）都称心满意
合：
咸鱼白菜也好好味
我与你永共聚
分分钟需要你
你似是阳光空气
单依纯：
扮靓点皆因你癫癫地皆因你
为你甘心做傻事
扮下猩猩叫睇到乜（什么）都笑
有你在身边多乐趣
若有朝失左你花开都不美
愿到荒岛去长住
做个假的你天天都相对
对木头公仔做戏
合：
有了你开心点乜（什么）都称心满意
咸鱼白菜也好好味
我与你永共聚分分钟需要你
你似是阳光空气
毛不易：
有了你开心点乜（什么）都称心满意
咸鱼白菜也好好味
单依纯：
我与你永共聚分分钟需要你
你似是阳光空气
合：
有了你开心点乜（什么）都称心满意
咸鱼白菜也好好味
我与你永共聚分分钟需要你
你似是阳光空气
单依纯：
我与你永共聚
毛不易：
分分钟需要你
合：
你似是阳光空气
这个频谱播放器真漂亮{:4_187:} 红影 发表于 2022-6-4 22:23
这个频谱播放器真漂亮
是啊。老黑教了我们很多，真的应该谢谢他哦。 这个组合不错 马黑黑 发表于 2022-6-5 09:30
这个组合不错
是的。老黑上午好！ 加林森 发表于 2022-6-5 09:32
是的。老黑上午好！
啊？上午了？我要去上班 马黑黑 发表于 2022-6-5 09:33
啊？上午了？我要去上班
好的。慢慢走！ 加林森 发表于 2022-6-5 09:39
好的。慢慢走！
在家上的，处理点嘎嘎的事情 马黑黑 发表于 2022-6-5 09:47
在家上的，处理点嘎嘎的事情
哦。我还喊老兄吃嘎嘎的，他不敢。。。。{:4_189:} 加林森 发表于 2022-6-5 10:02
哦。我还喊老兄吃嘎嘎的，他不敢。。。。
可能是吃素的吧 马黑黑 发表于 2022-6-5 10:37
可能是吃素的吧
这个就不知道了 加林森 发表于 2022-6-5 11:45
这个就不知道了
那就大约吧 马黑黑 发表于 2022-6-5 11:46
那就大约吧
可能的。你下班了？ 加林森 发表于 2022-6-5 12:03
可能的。你下班了？
我就是处理一点业务，远程的 马黑黑 发表于 2022-6-5 12:04
我就是处理一点业务，远程的
哦。我制作好了，不知道怎么不显示字呢？ 加林森 发表于 2022-6-5 12:08
哦。我制作好了，不知道怎么不显示字呢？
不显示字说明JS肯定有错误 马黑黑 发表于 2022-6-5 12:18
不显示字说明JS肯定有错误
我还在检查，是软件的毛病还是JS的问题。 加林森 发表于 2022-6-5 12:20
我还在检查，是软件的毛病还是JS的问题。
代码问题，弄的时候哪一句出错误了 马黑黑 发表于 2022-6-5 13:32
代码问题，弄的时候哪一句出错误了
嗯嗯
页:
[1]