《好想说一句我爱你》流苏（标准歌词制作）
本帖最后由 焱鑫磊 于 2023-9-22 23:02 编辑 <br /><br /><style>#papa {margin: 100px 0 0 calc(50% - 660px); width: 1164px;height:680px;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 6px #880000; overflow: hidden;place-items: center; position: relative;z-index: 12345;}
#mydiv {
width: 1164px;
height: 680px;
background: #333 url('https://pic.imgdb.cn/item/650c1063c458853aefc86c33.jpg') no-repeat center/cover;
position: absolute;
--state: paused;
}
#tu{position: absolute;top:0%; left:0%;
width: 100%;background:url('https://pic.imgdb.cn/item/650c1063c458853aefc86c33.jpg') no-repeat center/cover;
height: 100%;animation: round 4s linear infinite; }
@keyframes round{
0% {
-webkit-transform:rotate(0)scale(1)translate(0%,0%);filter:hue-rotate(360deg);
opacity:1}
100% {
-webkit-transform:rotate(0deg)scale(4)translate(0%,0%);filter:hue-rotate(0deg);
opacity:0}
}
#lrc { --motion: cover2; --tt: 2s; position: absolute; left: 50%;top:87%;transform: translate(-50%); font:normal 3.0em 华文新魏; color:#0000;filter:drop-shadow(#FFFFFF 1px 0 0)drop-shadow(#FFFFFF 0 1px 0)drop-shadow(#FFFFFF -1px 0 0) drop-shadow(#FFFFFF 0 -1px0); z-index: 5; place-items: center; overflow: hidden; }
#lrc::before { position: absolute; content: attr(data-lrc); width: 20%; height: 100%; color: transparent; overflow: hidden; white-space: pre;background:#ff0000;-webkit-background-clip: text; animation: var(--motion) var(--tt) linear forwards; place-items: center;}
@keyframes cover1{0% { width: 100%;transform: rotateY(-100deg)rotatex(100deg);filter: hue-rotate(180deg)brightness(850%)}
20% { transform:rotateY(0deg) rotatex(0deg);filter: hue-rotate(360deg)brightness(150%) }
100% { transform: rotateY(0deg)rotatex(0deg);filter: hue-rotate(0deg)brightness(150%);width: 100%;}
}
@keyframes cover2 { 0% { width: 100%;transform: rotateY(-100deg)rotatex(100deg);filter: hue-rotate(180deg)brightness(150%)}
20% { transform:rotateY(0deg) rotatex(0deg);filter: hue-rotate(360deg)brightness(150%) }
100% { transform: rotateY(0deg)rotatex(0deg);filter: hue-rotate(0deg)brightness(150%);width: 100%;}
}
</style>
<div id="papa">
<div id="mydiv"><div id='tu'></div><div id="lrc" data-lrc="HCPlayer">HCPlayer</div></div>
<audio id="aud" src="https://i.mp3.wf/view.php/888c6a19d93960907e588003a8892634.mp3" autoplay loop></audio>
</div>
<script>
let script = document.createElement('script');
script.charset = 'utf-8';
script.src ='https://638183.freep.cn/638183/web/api/simpleplayer.js';
document.body.appendChild(script);
script.onload = () => {
HCPlayer({
papa: '#mydiv',
player_css: 'left: 12%; bottom: 5%;',
img: {
enter: '',/* 进入全屏按钮地址 */
quit: '',/* 退出全屏按钮地址 */
play: '',/* 播放按钮地址 */
pause: '',/* 暂停按钮地址 */
}
});
};
tu.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () =>tu.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>tu.style.animationPlayState = 'paused');
</script>
<script>
(function() {
let mKey = 0, mFlag = true;
let lrcTime = (ar) => {let tmpAr = [];for(j = 0; j <ar.length - 1; j ++) {if(j !== ar.length - 1) tmpAr = parseFloat((ar - ar).toFixed(1));}let aver = parseInt(tmpAr.reduce((a,b) => a + b) / (tmpAr.length - 1)) + averAdd;tmpAr.push(aver);tmpAr.forEach((item,key) => {ar = item > aver ? aver : item;});return ar;};
let averAdd = 0, offset = 0;
let getLrcAr = (text) => {let lrcAr = [];let calcRule = ;for(x of text.split('\n')) {let ar = [];let re = /\d+[\.:]\d+([\.:]\d+)?/g;let geci = x.replace(re,'');if(geci) {geci = geci.replace(/[\[\]\'\"\t,]s?/g,'');let time = x.match(re);if(time != null) {for(y of time) {let tmp = y.match(/\d+/g);let sec = 0;for(z in tmp) sec += tmp * calcRule;ar = ;lrcAr.push(ar); }}}}lrcAr.sort((a,b)=> a - b);return(lrcTime(lrcAr));}
let geci = `《好想说一句我爱你》流苏
作词：半颗心曲编：郑风
LRC歌词制作：焱鑫磊
偷偷的看你一眼
不觉中羞红了脸
低头摆弄着指尖
心里想着..你的笑颜
四目相视的..一瞬间
心怦怦的..跳个没完
藏在心里的..那句话
一直徘徊..在嘴边
好想说一句....我爱你
你是我心底....心底的秘密
无论我的人...在哪里
心永远和你在一起
好想说一句....我爱你
你是我永恒....永恒的记忆
在这茫茫的...人海里
你就是....我的唯一。
***焱鑫磊博客欢迎你***
偷偷的看你一眼
不觉中羞红了脸
低头摆弄着指尖
心里想着..你的笑颜
四目相视的..一瞬间
心怦怦的..跳个没完
藏在心里的..那句话
一直徘徊..在嘴边
好想说一句....我爱你
你是我心底....心底的秘密
无论我的人...在哪里
心永远和你在一起
好想说一句....我爱你
你是我永恒....永恒的记忆
在这茫茫的...人海里
你就是....我的唯一。
好想说一句....我爱你
你是我心底....心底的秘密
无论我的人...在哪里
心永远和你在一起
好想说一句....我爱你
你是我永恒....永恒的记忆
在这茫茫的...人海里
你就是....我的唯一。
END
`;
let lrcAr = getLrcAr(geci);
let showLrc = (time) => {let name = mFlag ? 'cover1' : 'cover2';lrc.innerHTML = lrcAr;lrc.dataset.lrc = lrcAr.replace(/<br>/, '\n');lrc.style.setProperty('--motion', name);lrc.style.setProperty('--tt', time + 's');papa.style.setProperty('--state', 'running');mKey += 1;mFlag = !mFlag;};
let calcKey = () => {for (j = 0; j < lrcAr.length; j++) {if (aud.currentTime <= lrcAr) {mKey = j - 1;break;}}if (mKey < 0) mKey = 0;if (mKey > lrcAr.length - 1) mKey = lrcAr.length - 1;let time = lrcAr - (aud.currentTime - lrcAr);showLrc(time);};
let toMin = (val) => {if (!val) return '00:00';val = Math.floor(val);let min = parseInt(val / 60),sec = parseFloat(val % 60);if (min < 10) min = '0' + min;if (sec < 10) sec = '0' + sec;return min + ':' + sec;}
let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('pause', () => mState());
aud.addEventListener('play', () => mState());
aud.addEventListener('seeked', () => calcKey());
aud.addEventListener('timeupdate', () => {for (j = 0; j < lrcAr.length; j++) {if (aud.currentTime >= lrcAr) {if (mKey === j) showLrc(lrcAr);else continue;}}});
mplayer.addEventListener('click', () => aud.paused ? aud.play() : aud.pause());
})();
</script>
<p> </p>
<p> </p>
<p> </p>
<p> </p> 标题是不是写错了，应该是好想说一句吧{:4_173:} 很漂亮的制作，欣赏焱鑫磊好帖{:4_199:} 本帖最后由 焱鑫磊 于 2023-9-22 10:07 编辑
红影 发表于 2023-9-21 19:41
标题是不是写错了，应该是好想说一句吧
《好想说一句我爱你》流苏原唱没错的。http://5sing.kugou.com/yc/941707.html
红影 发表于 2023-9-21 19:45
很漂亮的制作，欣赏焱鑫磊好帖
问好红影！{:4_187:} 焱鑫磊 发表于 2023-9-21 22:26
《好像说一句我爱你》流苏原唱没错的。http://5sing.kugou.com/yc/941707.html
但歌词里是《好想说一句我爱你》，不是《好像……》啊{:4_173:} 焱鑫磊 发表于 2023-9-21 22:29
问好红影！
问好焱鑫磊，上午好{:4_187:} 红影 发表于 2023-9-22 09:39
但歌词里是《好想说一句我爱你》，不是《好像……》啊
我理解错了，确实是“想”不是“像”。 焱鑫磊 发表于 2023-9-22 10:06
我理解错了，确实是“想”不是“像”。
没事没事，弄错的事谁都可能的{:4_173:}
页:
[1]