纪念毛主席诞辰132周年
本帖最后由 也曾年轻 于 2025-12-26 13:47 编辑 <br /><br /><meta charset="utf-8"><meta name="referrer" content="never" />
<style type="text/css">
@import url(https://file.uhsea.com/2403/f45f79bba93cd62f8603eae6fa88eb78YS.css);
#oBlk {width:1080px;height:736px;position:relative;overflow:hidden;border-radius:32px;box-shadow:4px 4px 10px black;
margin:10px auto 40px calc(50% - 621px);}
#canvas {position:absolute; left:5%; bottom:30px;z-index:150;}
.lrcShow {
font: normal 2em 华文隶书;
width:1.5em;height:80%;pointer-events:none;position:absolute;
filter: drop-shadow(2px 0px 0px white) drop-shadow(-2px 0px 0px white) drop-shadow(0px 2px 0px white) drop-shadow(0px -2px 0px white);
writing-mode: vertical-rl;z-index:100;left:20px;top:5%;color:hsla(240,60%, 90%, 0.7);
}
.lrcShow::before {
writing-mode: vertical-rl;
color:transparent;
background-image: repeating-linear-gradient(to bottom, red, green, pink, blue, orange) ;
}
@keyframes bgMove0 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
@keyframes bgMove1 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
</style>
<div id="oBlk">
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/AiatPyc4VpoGW3xZbKXcbCCr1QbubS87p00ibibXAugj0iaG8iadebAHW9qsbbVxXoCeU85bIgCJ0eiaSGxIeBOjNDUQ/640" style="width:100%;height:100%;" />
<canvas id="canvas" width='400' height='368'></canvas>
<divclass="lrcShow" data-lrc='纪念毛主席诞辰132周年'></div>
<div id="controlBox" style="position:absolute;bottom:10px;right:10px;z-index:199;width:60px;height:60px;">
<svg viewBox="0 0 100 100">
<circle r="36" cx="50" cy="50" fill="none" stroke="red" stroke-width="4">
</circle>
<circle r="30" cx="50" cy="50" fill="none" stroke="red" stroke-width="2">
</circle>
<path fill="red" id="playCtrl" d="M35 35 h12 v30 h-12 z m18 0 h12 v30 h-12 z">
</path>
</svg>
</div>
</div>
<script type="text/javascript">
const pausePath = "M35 35 h12 v30 h-12 z m18 0 h12 v30 h-12 z";
const playPath = "M35 35 l30 15 -30 15 z";
var sF = document.createElement('script');
sF.src = 'https://cccimg.com/down.php/30cd8ee3a3f8ac767b553fb4e54e4dd0.js';
sF.charset = 'utf-8';
document.querySelector('body').appendChild(sF);
sF.onload = () => {
// 同步歌词播放
const opts = {
//lrcTxt:lrc,
audioURL:'https://s2.cldisk.com/sv-w8/audio/6e/2c/22/212aa6283ec0d6a5886439e7a529f887/audio.mp3',
canvas: canvas,
};
const lrcPlayer = new lrcPlayerC(opts);
const musicObj = lrcPlayer.getAudObj();
const pState = () => {
musicObj.paused ? (playCtrl.setAttribute('d', playPath)): (playCtrl.setAttribute('d', pausePath));
};
controlBox.onclick = () => {
if(lrcPlayer.getAudContext() && lrcPlayer.getAudContext().state !== 'running') {
lrcPlayer.getAudContext().resume();
}
if (musicObj.paused) {
musicObj.play();
} else {
musicObj.pause();
}
}
musicObj.addEventListener('play', () => pState());
musicObj.addEventListener('pause', () => pState());
musicObj.play().catch(_ = () => pState());
}
//==================================================================================
</script> 这帖开帖很慢，图片可能大多了吧。 欣赏老师精彩的音画。
永远怀念伟大领袖毛主席！ 梦江南 发表于 2025-12-26 14:30
这帖开帖很慢，图片可能大多了吧。
网络的问题吧，这帖就一张图片一个MP3。 梦江南 发表于 2025-12-26 14:31
欣赏老师精彩的音画。
永远怀念伟大领袖毛主席！
谢谢支持！ 也曾年轻 发表于 2025-12-26 15:28
网络的问题吧，这帖就一张图片一个MP3。
看过了是只有一张图片，可能是连接的地址关系，所以开帖慢点。 梦江南 发表于 2025-12-26 15:35
看过了是只有一张图片，可能是连接的地址关系，所以开帖慢点。
感觉这段朗诵蛮不错。 也曾年轻 发表于 2025-12-26 15:39
感觉这段朗诵蛮不错。
是的，这段朗诵蛮不错。本也想做一帖的，时间关系，就不做了。 2025年12月26日是毛泽东同志诞辰132周年纪念日，向伟人毛主席致敬~
梦江南 发表于 2025-12-26 15:45
是的，这段朗诵蛮不错。本也想做一帖的，时间关系，就不做了。
所以就简单的拼凑了一帖{:5_106:} 杨帆 发表于 2025-12-26 16:01
2025年12月26日是毛泽东同志诞辰132周年纪念日，向伟人毛主席致敬~
追思伟人，不忘初心；展望未来，任重道远！ 共同怀念伟大领袖毛主席{:4_187:} 永远怀念伟大领袖毛主席！ 战无不胜的毛泽东思想万岁！伟大领袖毛主席永远活在人民的心中！ 我等了十分钟都没听声音。{:4_198:} 红影 发表于 2025-12-26 19:58
共同怀念伟大领袖毛主席
追思伟人，不忘初心；展望未来，任重道远！ 小九 发表于 2025-12-26 20:06
永远怀念伟大领袖毛主席！
追思伟人，不忘初心；展望未来，任重道远！ 樵歌 发表于 2025-12-26 20:19
战无不胜的毛泽东思想万岁！伟大领袖毛主席永远活在人民的心中！
追思伟人，不忘初心；展望未来，任重道远！ 樵歌 发表于 2025-12-26 20:19
我等了十分钟都没听声音。
遗憾{:5_102:}，大约是网络的问题吧。 “ 你走上天安门城楼，是为了高呼人民万岁，主宰世界的人民才会让你在世界上万古永垂！”{:4_374:}
页:
[1]
2