海底世界
<style>.papa { left: -214px; width: 1024px; height: 640px; background: rgba(0,0,0,.4) url('/data/attachment/forum/202206/22/131609xi5c5hsq6ggt5g4j.jpg'); overflow: hidden; position: relative; }
.papa input { border: none; outline: none; opacity: .75; cursor: pointer; }
.papa p { margin: 0; padding: 0; }
.playbox { position: relative; left: 10px; top: 10px; padding: 10px; width: fit-content; font: normal 1em sans-serif; color: snow; background: rgba(255,255,255,.25); backdrop-filter: blur(2px); border-radius: 8px; overflow: hidden; box-shadow: 1px 2px 2px #000; }
#btnplay { width: 30px; height: 30px; border-radius: 50%; }
#btnplay:hover { background: #aaa; color: #ff0000; }
.vid { position: absolute; top: -55px; width: 1024px; height: 695px; object-fit: cover; opacity: .35;}
</style>
<div class="papa">
<video class="vid" src="https://img.tukuppt.com/video_show/2418175/00/17/20/5ebd517e453dc.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<div class="playbox">
<p id="geci">LRC Loading ... </p>
<p style="display: flex; align-items: center; gap: 4px; margin-top: 10px;">
<input id="btnplay" type="button" value=">" />
<input id="slider" type="range" min="0" max="100" value="0" />
<span id="per">0:0 | 0:0</span>
</p>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1392155677.mp3" autoplay="autoplay" loop="loop"></audio>
</div>
<script>
let slider = document.querySelector('#slider'),
aud = document.querySelector('#aud'),
per = document.querySelector('#per'),
btnplay = document.querySelector('#btnplay'),
geci = document.querySelector('#geci');
let slip = 0;
let lrcAr = [
['0.06','作词 : 七喜小子'],
['0.51','作曲 : 七喜小子'],
['1.72','海底世界（prod by veezy）'],
['3.49','作词：后视镜'],
['5.67','作曲：后视镜'],
['7.01','后期：星云录音棚'],
['11.15','fall into sea fall into sea 掉入海里'],
['16.49','fall into sea fall into sea 掉入海里'],
['22.78','迎着面是海风正在吹 轻轻抚摸我的脸'],
['28.25','身形自行向下坠 想在海里待一年'],
['33.94','海水不断没过我的头顶 四周都悄无声息 沙滩上只剩下脚印'],
['39.16','越往下沉 越是变的冰冷 我听到细胞的呼吸 从笃定变得侥幸'],
['44.70','等到我张开眼睛 这世界变得不同 我听到心脏扑通又扑通'],
['50.66','神秘的蓝色世界 映入我的眼帘 花上半个日夜 就忘掉从前'],
['56.15','在海底 我遇见章鱼先生 他告诉我说你们这帮孩子早已没了天真'],
['61.31','我说我也不想 只怪这城市太过喧闹'],
['64.09','如果可以 谁喜欢往自己脸上涂抹颜料'],
['67.07','他跟你开个玩笑 叫你不要生气'],
['69.70','but sorry 我又没有和你必要的生意'],
['72.77','把心态放平和 千万不要太爱比'],
['75.47','跨过这条银河 还是会有人在爱你'],
['78.50','fall into sea fall into sea 掉入海里'],
['84.01','fall into sea fall into sea 掉入海里'],
['89.79','享受着宁静的片刻 上帝不会特地给予某人眷顾'],
['95.07','总要习惯做选择 小鱼小虾也能有很大的建树'],
['100.31','在这危险遍布的建筑里面 我想给自己画个圈圈'],
['105.53','总是陷入变数挑战底线 那些麻烦麻烦给我滚的远远'],
['112.05','我已经开习惯这里的生活 尽管免不去的是弱肉强食和争夺'],
['117.53','但你只需要好好努力没有别的烦心事'],
['120.46','尤其是不用把所有的关系玩精致'],
['123.22','你根本猜不到 海底的景象也是万家灯火通明'],
['127.16','我只想笑 听到只有鱼儿吐泡泡的声音 而不是无病呻吟'],
['131.88','跟他们亲切拥抱 感受鱼鳞的温度'],
['134.86','听听长者的忠告 并非固执的吩咐'],
['137.52','我学会他们的语言 逐渐变得惊讶'],
['140.23','不管谈论什么 竟然能够一直往下'],
['143.07','原来 它们不说谎话'],
['146.23','阳光透过海面照在我的脸上 i know its time go on'],
['151.59','跟他们一一握手约定 if im upset i will be back'],
['156.97','往上浮 有点不舍 往上浮 有点不舍'],
['162.63','往上浮 有点不舍 往上浮 往上浮'],
['168.39','fall into sea fall into sea 掉入海里'],
['173.81','fall into sea fall into sea 掉入海里'],
['180.69','我忘见 蔚蓝的天'],
['185.66','我想念 那海面'],
['191.07','我发现 已经改变'],
['196.90','我答应 我一定往前'],
['202.44','如果听完这首歌你还是觉得疲倦'],
['205.76','带上耳机 我们再来一遍'],
['213.58','fall into sea fall into sea 掉入海里'],
['218.85','fall into sea fall into sea'],
];
slider.onmousedown = () => aud.pause();
slider.onchange = () => { aud.currentTime = slider.value * aud.duration / 100; aud.play(); }
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnplay.value = '||');
aud.addEventListener('pause', () => btnplay.value = '>');
aud.addEventListener('timeupdate', () => {
let prog = 100 * aud.currentTime / aud.duration;
slider.value = prog;
per.innerText = toMin(aud.currentTime) + ' | ' + toMin(aud.duration);
for(j=0; j<lrcAr.length; j++){
if(aud.currentTime >= lrcAr - slip){
geci.innerHTML = lrcAr;
}
}
});
let toMin = (val) => {
if(!val) return '0:0';
val = Math.floor(val);
return parseInt(val / 60) + ':' +parseFloat(val % 60);
}
</script>
海底好多的鱼，有意思，这个说唱的歌词特别有意思，演唱者和词曲作者的名字也都特别有意思{:4_173:} 黑大神又出新产品{:4_178:} 红影 发表于 2022-6-22 14:04
海底好多的鱼，有意思，这个说唱的歌词特别有意思，演唱者和词曲作者的名字也都特别有意思
亲爱的，这个音乐我没有听到的，是不是手机问题？ 是我自己静音了，听到了{:4_178:}
哈哈，这种说唱，黑黑怎么找来的，这章鱼先生。。。 小辣椒 发表于 2022-6-22 15:32
亲爱的，这个音乐我没有听到的，是不是手机问题？
我不知道啊，我都是电脑看帖的{:4_173:} 黑黑朋友下午好！歌曲够“潮”的啊。神秘的海底世界真美。 梦油 发表于 2022-6-22 17:30
黑黑朋友下午好！歌曲够“潮”的啊。神秘的海底世界真美。
这歌是民间的 红影 发表于 2022-6-22 14:04
海底好多的鱼，有意思，这个说唱的歌词特别有意思，演唱者和词曲作者的名字也都特别有意思
民间歌手 小辣椒 发表于 2022-6-22 15:31
黑大神又出新产品
小巫，小巫，什么大神呀{:5_117:} 小辣椒 发表于 2022-6-22 15:35
是我自己静音了，听到了
哈哈，这种说唱，黑黑怎么找来的，这章鱼先生。。。
高手在民间，我最近对民间创作的歌曲有点兴趣呢 马黑黑 发表于 2022-6-22 18:13
这歌是民间的
有时民间的东西更有特色。 梦油 发表于 2022-6-22 18:24
有时民间的东西更有特色。
所谓高手在民间 马黑黑 发表于 2022-6-22 19:10
所谓高手在民间
是的，黑黑朋友。民间也是藏龙卧虎啊。 梦油 发表于 2022-6-22 20:06
是的，黑黑朋友。民间也是藏龙卧虎啊。
那是自然地 海底图和活动的鱼与那小孩都 合成在图了{:4_203:} 樵歌 发表于 2022-6-23 08:06
海底图和活动的鱼与那小孩都 合成在图了
视频与图片叠加 好美，我以为经常看的海底世界电视片，这是海洋公园的大玻璃，那个小朋友的影子在轻轻晃动 马黑黑 发表于 2022-6-22 18:14
民间歌手
歌词还挺感慨的，挺有意思的歌。 红影 发表于 2022-6-23 10:50
歌词还挺感慨的，挺有意思的歌。
感觉都挺好