绿·山水吟
<style>@import 'https://638183.freep.cn/638183/web/css/audlrc.css';
#mama { margin: 30px 0 30px calc(50% - 593px); background: black url('https://cccimg.com/view.php/6703e89bfb85932199e34a60bfd243d6.gif') no-repeat center/ cover; }
#player { left: calc(50% - 430px); }
#prog { bottom: 30px; width: 280px; --bg1: lightgreen; --bg2: green; --color: lightgreen; }
#lrc { top: 20px; --bg: linear-gradient(rgba(0,128,0,.25),rgba(0,128,0,.75)); }
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
</style>
<div id="mama" class="pa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=33760107"></audio>
<video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/03/13/50/06/video6363568e47b1f.mp4" autoplay loop muted></video>
<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
<img id="player" class="player" src="https://638183.freep.cn/638183/web/svg/ccf.svg" alt="" />
<div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>
<script type="module">
import { lrc2ar } from 'https://638183.freep.cn/638183/web/mod/lrc2ar.js';
import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
var geci = `绿·山水吟\n钟子期/俞伯牙\n竹笛/箫:水玥儿\n演唱/和声:五色石南叶/慕寒\n人物绘画及MV绘制:梅鹿君\nMV制作:耶Aya叁\nMV题字:粽子\n\n空山无人处 闲花自开落\n寄身天地间 抚琴与山河\n罅隙生青松 鹤唳白云过\n然日居月诸 唯应以沉默\n\n涧底尘事远 束薪隐约现\n斧声无深浅 浮云时聚散\n忽闻有琴音 渡水穿林来\n高山会流水 天然一楹联\n\n在人间折转 于天涯寻觅\n这无根之痛 可有人领悟\n草木枯荣时 你落笔结字\n这一啄一饮 均是前生定\n\n绿·山水吟·钟子期/俞伯牙\n\n生死了无期 不许陪左右\n悲雪乘风起 片片落心头\n曾素酒论琴 浑不知岁月\n碧空白云飞 青山影欲流\n你心入我心 自在无拘束\n如月出东隅 照山河大地\n人生何其幸 能与你同渡\n水流花开间 竟大美如斯\n你心入我心 自在无拘束\n如月出东隅 照山河大地\n人生何其幸 能与你同渡\n水流花开间 竟大美如斯\n诀别未了事 谁为你打谱\n余生不必弹 摔琴谢知音\n\n`;
var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: lrc2ar(geci) };
var audio = new Aud(mDatas);
audio.play();
</script>
美景美曲,视听盛宴,谢谢醉美管理员精彩分享:) klxf 发表于 2024-11-22 01:01
美景美曲,视听盛宴,谢谢醉美管理员精彩分享
谢谢友友光临!
页:
[1]