珊瑚颂

马黑黑

红影 发表于 2022-6-2 16:40
黑黑把进度条弄到圆球里去了。真是创意无限

马黑黑

梦油 发表于 2022-6-2 15:02
黑黑朋友下午好！《珊瑚颂》是我很熟悉，也是我很喜爱的一支歌曲，它磅礴大气、穿透心灵。歌曲所传递的红色 ...

知道谁唱的吗

小辣椒

马黑黑 发表于 2022-6-2 17:40
不可以，要给他下指令

哦，那我不会的

马黑黑

小辣椒 发表于 2022-6-2 17:44
哦，那我不会的

好像支持语音下达命令

梦油

马黑黑 发表于 2022-6-2 17:42
知道谁唱的吗

原唱记不清了，但朱逢博演唱的《珊瑚颂》给我留下的印象很深。

小辣椒

马黑黑 发表于 2022-6-2 17:46
好像支持语音下达命令

这个我不会啊，就直接套用一个

马黑黑

小辣椒 发表于 2022-6-2 18:22
这个我不会啊，就直接套用一个

也挺好的

马黑黑

梦油 发表于 2022-6-2 18:14
原唱记不清了，但朱逢博演唱的《珊瑚颂》给我留下的印象很深。

朱姐姐唱的也挺好。这个是一姐唱的，彭院长

梦油

马黑黑 发表于 2022-6-2 18:33
朱姐姐唱的也挺好。这个是一姐唱的，彭院长

哦！原唱是彭丽媛啊。

马黑黑

梦油 发表于 2022-6-2 20:05
哦！原唱是彭丽媛啊。

嗯，彭姐的歌杠杠的

马黑黑

醉美水芙蓉 发表于 2022-6-2 20:08
夜明珠一闪一闪的很漂亮！

如果变色就更漂酿了

梦油

马黑黑 发表于 2022-6-2 20:06
嗯，彭姐的歌杠杠的

是的，是的。

马黑黑

梦油 发表于 2022-6-2 21:03
是的，是的。

挺不错的

东篱闲人

这是哪个代码？

马黑黑

东篱闲人 发表于 2022-6-2 21:26
这是哪个代码？

1. <style>
   
2. 
   
3. .outer { left: -70px; width: 900px; height: 600px; box-shadow: 2px 2px 4px #333; background: teal url('https://www.huachaowang.com/data/attachment/forum/202206/02/122851uis56rkypcsi5sxs.jpg') no-repeat; position: relative; }
   
4. .ele1 { position: absolute; left: 400px; top: 240px; width: 80px; height: 80px; border-radius: 50%;background: #ccc linear-gradient(transparent 49%,rgba(255,0,0,.65) 50%,transparent 0) no-repeat; background-size: 0% 100%; box-shadow: 5px 5px 30px 0 gray; cursor:pointer; }
   
5. .ele1::before, .ele1::after { position: absolute; content: ''; width: inherit; height: inherit; border-radius: inherit; }
   
6. .ele1::before { background: linear-gradient(transparent,rgba(0,0,0,0)); animation: flash 1s linear infinite; }
   
7. .ele1::after { background: radial-gradient(circle at 30% 30%,transparent,rgba(0,255,0,.25)); }
   
8. @keyframes flash { to { background: linear-gradient(transparent,rgba(0,0,0,.6)); } }
   
9. 
   
10. </style>
    
11. 
    
12. <div class="outer">
    
13.         <div class="ele1"></div>
    
14. </div>
    
15. <audio id="aud" src="https://music.163.com/song/media/outer/url?id=5276829.mp3" autoplay="autoplay" loop="loop"></audio>
    
16. 
    
17. <script>
    
18. 
    
19. let ele1 = document.querySelector('.ele1'), aud = document.querySelector('#aud');
    
20. ele1.onclick = () => aud.paused ? aud.play() : aud.pause();
    
21. aud.addEventListener('timeupdate',() => ele1.style.backgroundSize = 100 * aud.currentTime / aud.duration + '% 100%');
    
22. 
    
23. </script>
    

复制代码