当爱已成往事（马黑黑原创）TO：小辣椒
本帖最后由 朵拉 于 2024-6-18 21:03 编辑 <br /><br /><style>#tz { margin: 20px 0 20px calc(50% - 593px);width: 1024px; height: 640px; background: url('https://pic.imgdb.cn/item/66717b10d9c307b7e9982fda.jpg') no-repeat center/cover; overflow: hidden; box-shadow: 3px 3px 6px gray; position: relative; }
#tz::before { content: attr(data-lrc); position: absolute; bottom: 0; width: 100%; height: 60px; text-align: center; font: normal 24px/60px sans-serif; color: transparent; background: repeating-linear-gradient(to right, red, green, blue, green, red) 50%/200px 60px; -webkit-background-clip: text; }
#player { position: absolute; top: 250px; left: calc(50% - 350px); cursor: pointer; animation: rot 6s linear infinite var(--state); }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="tz" data-lrc="HUACHAO">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2158888785" autoplay loop></audio>
<img id="player" src="https://pic.imgdb.cn/item/666ef370d9c307b7e9ba14b6.gif" alt="" title="播放/暂停" />
</div>
<script>
var curkey = 0, lrcAr = [];
var getAr = (text) => {
var ar = text.trim().split('\n');
ar.sort();
var reg = /\[(\d+)[.:](\d+)[.:](\d+)\](.*)/;
ar.forEach(item => {
let result = item.match(reg);
let tmsg = parseInt(result) * 60 + parseInt(result) + parseInt(result) / 1000;
lrcAr.push(.trim()]);
});
};
var mState = () => {
tz.style.setProperty('--state', ['running','paused'][+aud.paused]);
player.title = ['暂停','播放'][+aud.paused];
//其它控制代码
};
aud.onseeked = () => curkey = 0;
aud.onplaying = aud.onpause = () => mState();
aud.ontimeupdate = () => {
if(curkey > lrcAr.length - 1) return;
if(aud.currentTime >= lrcAr) {
tz.dataset.lrc = lrcAr;
curkey ++;
}
};
player.onclick = () => aud.paused ? aud.play() : aud.pause();
var lrc = `
作曲 : 李宗盛
作词 : 李宗盛
原唱 : 林忆莲/李宗盛
编曲 : 周富坚
制作人 : 鲁士郎
吉他 : 周富坚
萨克斯 : 刘洋钢
乐器录音师 : 廖飒深
乐器录音棚 : 广州色素文化录音棚
配唱制作人 : 宇儿
人声录音师 : 吴烨希@小唱音乐
人声录音棚 : 小唱音乐
和声编写&和声 : 鲁士郎
人声工程师 : 牛翊宁/廖飒深
混音&母带工程师 : 廖飒深
混音&母带工作室 : 广州色素文化录音棚
出品 : 索尼音乐娱乐/智慧大狗娱乐
出品人 : 陈国威/许雯静/张葛
监制 : 宋旭辉/杰森/三石一声/崔轼玄
项目宣推 : 项琬@大声密谋
项目统筹 : 宋嘉欣/葛语谦/张洛斌/袁依梦/赵楚峰/潘卉琦
联合出品 : 抖音音乐
（忘了你却太不容易）
往事不要再提
人生已多风雨
纵然记忆抹不去
爱与恨都还在心里
真的要断了过去
让明天好好继续
你就不要再苦苦追问我的消息
爱情它是个难题
让人目眩神迷
忘了痛或许可以
忘了你却太不容易
你不曾真的离去
你始终在我心里
我对你仍有爱意
我对自己无能为力
因为我仍有梦
依然将你放在我心中
总是容易被往事打动
总是为了你心痛
别流连岁月中
我无意的柔情万种
不要问我是否再相逢
不要管我是否言不由衷
为何你不懂
只要有爱就有痛
有一天你会知道
人生没有我并不会不同
人生已经太匆匆
我好害怕总是泪眼朦胧
忘了我就没有痛
将往事留在风中
（留在风中 将往事留在风中）
（留在风中 将往事留在风中）
往事不要再提
人生已多风雨
纵然记忆抹不去
爱与恨都还在心里
真的要断了过去（真的要断了过去）
让明天好好继续（好好继续）
你就不要再苦苦追问我的消息
为何你不懂
只要有爱就有痛
有一天你会知道
人生没有我并不会不同
（没有你会不同）
人生已经太匆匆
我好害怕总是泪眼朦胧
忘了我就没有痛
将往事留在风中
为何你不懂（别说我不懂）
只要有爱就有痛（有爱就有痛）
有一天你会知道（会知道）
人生没有我并不会不同（没有你会不同）
人生已经太匆匆
我好害怕总是泪眼朦胧
忘了我就没有痛
将往事留在风中
（留在风中 将往事留在风中）
（留在风中 将往事留在风中）
`;
getAr(lrc);
</script> 图中两只蝴蝶相互追逐很具有生活气息。 梦油 发表于 2024-6-18 20:19
图中两只蝴蝶相互追逐很具有生活气息。
梦油老师 好速度，谢谢欣赏{:4_190:} @马黑黑
老师 晚上好，学生交作业，请指正哈{:4_190:} @小辣椒
感谢小辣椒管理的指点，赠帅哥一枚哈{:4_204:} {:4_199:} 朵拉 发表于 2024-6-18 21:06
@小辣椒
感谢小辣椒管理的指点，赠帅哥一枚哈
朵拉总是走在最前面的，小辣椒这个教程都没有看见，你作业已经完成了，朵拉特别的厉害{:4_178:} 欣赏朵拉的精彩制作{:4_171:} 原来蝴蝶是播放器按钮，点击看到还在动，以为不是呢{:4_173:}
欣赏朵宝好帖{:4_187:} 真好看呀，画面好清新。。
两只蝴蝶十分传神。。
{:4_199:} 两只蝴蝶两只好看的蝴蝶。朵儿真好创意{:4_178:} 朵拉 发表于 2024-6-18 21:04
梦油老师 好速度，谢谢欣赏
朵拉朋友别客气。 今天俺网有问题啊，
页:
[1]