童年时光多么美好

梦江南 发表于 2025-5-31 15:46

<div style="WIDTH: 1280px;height:740px; POSITION: relative;margin: 130px 0 0-340px;opacity: 1;">
<video id="vid" autoplay="autoplay" controlslist="nodownload" loop="loop" mutedsrc="https://img2.oldkids.cn/upload/2025/05/28/blog_260798238_20250528141750491.mp4" style="WIDTH: 100%;height:100%; POSITION: relative;left: 0px; TOP:0px; z-index: 1; opacity: 1; "></video>
   <div id="layer" style="position:absolute; left:32%;width:50%;TOP: 06%; height:1em;z-index: 1;" title="播放/暂停">
<textarea style="visibility:hidden;" id="lrcContent">
歌词由 www.45hk.提供
啊童年时光多么美好
和伙伴们一起尽情欢闹
放飞心情让快乐围绕
享受纯真的美好
还记得那一次的奔跑
和小伙伴们嘻嘻笑笑
捉迷藏玩游戏笑声在空中飘
跳皮筋踢毽子
童年的游戏永远不会忘记
弹玻璃球滚铁环
那是我们纯真的回忆
LRC：梦江南
啊童年时光多么美好
和伙伴们一起尽情欢闹
放飞心情让快乐围绕
享受纯真的美好
啊童年时光多么美好
让我们一起自由地欢笑
释放童真让心情美妙
拥抱纯真的快乐

</textarea></div></div><br /><br /><br /><br /><br />
<script type="text/javascript">
var lrcPlayer=function(){return this.init.apply(this,arguments)};
lrcPlayer.prototype={
constructor:lrcPlayer,
init:function(opts){
   this.lrcVec=new Array();
   this.lyricTxtObj=document.getElementById(opts.lrcTxtID);
   lyricTxt=this.lyricTxtObj.innerHTML;
   this.showLrcObj=document.getElementById(opts.lrcShowID);
   this.showLrcObj.style.fontSize=opts.gczh?opts.gczh:'1em';
   this.showLrcObj.style.fontFamily=opts.gczt?opts.gczt:'隶书';
   this.showLrcObj.style.fontWeight=opts.gcct?'bold':'normal';
   this.showLrcObj.style.textAlign=opts.dqfs?opts.dqfs:'center';
   this.showLrcObj.style.color=opts.gcys1?opts.gcys1:'gray';
   this.showLrcObj.style.cursor='pointer';
   gcys=opts.gcys?opts.gcys:'red';
   sMode=opts.showMode?opts.showMode:0;
   this.sLine=opts.gchs?opts.gchs:1;
   this.isLoop=opts.playLoop?opts.playLoop:false;
   this.handleLrc(lyricTxt);
   this.prepareShow(sMode,opts.shys);
   this.genPlayer(opts.audioURL);
},
prepareShow:function(sMode,shys){
   for(k=0;k<this.sLine;k++){
         sItem=document.createElement("span");
         sItem.style.display="block";
         sItem.style.marginBottom='4px';
         if(k==0){
            sItem.style.color=gcys;
            sItem.style.fontSize='120%';
            if(shys){
               shadowStr='0 -1px 0px '+shys+',';
               shadowStr+='-1px 0 0px '+shys+',';
               shadowStr+='1px 0 0px '+shys+',';
               shadowStr+='0 1px 0px '+shys;
               sItem.style.textShadow=shadowStr;
            }
         }
         if(sMode!=0)sItem.style.textAlign="left";
         this.showLrcObj.appendChild(sItem);
   }
   if(sMode!=0){
         this.showLrcObj.style.writingMode='tb-rl';
         this.showLrcObj.style.msWritingMode='tb-rl';
         this.showLrcObj.style.mozWritingMode='vertical-rl';
         this.showLrcObj.style.webkitWritingMode='vertical-rl';
   }
},
handleLrc:function(lyricTxt){
   var lyriclist=lyricTxt.split(/\r|\n|\r\n/);
   for(n=0;n<lyriclist.length;n++){
         chkTime=lyriclist.match(/\[\d{1,2}:\d{2}.\d{1,3}\]/g);
         if(chkTime){
            tIdx=lyriclist.lastIndexOf(']');
            if(tIdx>0)lrcTxt=lyriclist.substr(tIdx+1);
            for(m=0;m<chkTime.length;m++){
               ta=chkTime.substr(1).replace(']','').split(/:|\./);
               _t=parseFloat(parseInt(ta,10)*60+parseInt(ta,10)+'.'+ta,10);
               if(this.lrcVec.length==0&&_t!=0){
                     this.lrcVec.push();
               }
               this.lrcVec.push();
            }
         }
   }
   this.lrcVec.sort(function(a,b){return(a-b)});
},
genPlayer:function(mUrl){
   this.mObj=document.createElement("audio");
   this.mObj.loop=false;
   this.mObj.muted=false;
   this.mObj.src=mUrl;
   this.mObj.controls=true;
   this.mObj.style.opacity=0.3;
   this.showLrcObj.appendChild(this.mObj);
   this.idx=0;
   this.mObj.onended=()=>{
         this.idx=0;
         this.lyricTxtObj.innerHTML='';
         if(this.isLoop){
            this.mObj.play();
            document.getElementById('vid').play(); // 同步播放视频
         }else{
            this.mObj.controls=true;
         }
   };
   this.mObj.onplaying=()=>{
         this.mObj.controls=false;
         document.getElementById('vid').play(); // 同步播放视频
   };
   this.mObj.onerror=()=>{
         console.log("audio wrong, remove play start event");
         this.showLrcObj.style.display='none';
         this.showLrcObj.removeChild(this);
   };
   this.mObj.ontimeupdate=()=>{
         if(this.idx<this.lrcVec.length){
            if(this.mObj.currentTime>this.lrcVec){
               _idx=this.idx;
               _spans=this.showLrcObj.getElementsByTagName('span');
               for(k=0;k<this.sLine;k++){
                     _spans.innerHTML=(_idx+k)>=this.lrcVec.length?"":this.lrcVec;
               }
               this.idx++;
            }
         }
   };
   this.showLrcObj.onclick=()=>{
         const video = document.getElementById('vid');
         if(this.mObj.paused){
            this.mObj.play();
            video.play(); // 同步播放视频
         }else{
            this.mObj.pause();
            video.pause(); // 同步暂停视频
         }
   };
   try{
         this.mObj.play();
         document.getElementById('vid').play(); // 同步播放视频
   }catch(err){
         console.log(err.message);
   }
},
stopMusic:function(){
   this.mObj.pause();
   this.mObj.controls=false;
   this.mObj=null;
   document.getElementById('vid').pause(); // 同步暂停视频
}
};

var opts = {
lrcTxtID:'lrcContent', // 放置LRC的textarea标签的ID
lrcShowID:"layer", // 显示歌词的标签ID
audioURL:"https://img3.oldkids.cn/upload/2025/05/27/blog_260798238_20250527161841225.mp3", // 音频文件URL
gczh:'25px', // 歌词字体大小
gczt:'隶书', // 歌词字体
gcys:'#FFA500', // 当前歌词显示颜色
gcys1:'#7FFF00', // 后续歌词显示颜色
shys:'gold', // 歌词描边色
gcct:true, // 歌词是否加粗
dqfs:'center', // 歌词显示对齐方式
showMode:0, // 横排(0)或竖排(1)
playLoop:true, // 是否循环播放
gchs: 2// 显示歌词行数
};

var km = new lrcPlayer(opts);

const xCenter = (el) => {
const rt = el.getBoundingClientRect();
const ww = window.innerWidth;
const ox = (ww - rt.width) / 2.1 - rt.left;
el.style.transform = `translateX(${ox}px)`;
};
xCenter(document.getElementById('vid'));
</script>

杨帆发表于 2025-5-31 17:38

谢谢江南精彩分享，祝六一快乐，童心不泯，青春永驻{:4_187:}

梦油发表于 2025-5-31 19:41

不论什么环境，童年时代总是值得回忆的。

梦江南 发表于 2025-6-1 07:34

杨帆发表于 2025-5-31 17:38
谢谢江南精彩分享，祝六一快乐，童心不泯，青春永驻

早上好，谢谢杨帆沙发支持。快乐不分年龄，美好不被定义，愿我们每天都开心快乐。{:4_204:}

梦江南 发表于 2025-6-1 07:36

梦油发表于 2025-5-31 19:41
不论什么环境，童年时代总是值得回忆的。

是的，童年时代总是值得回忆的。早上问好梦油老师，快乐不分年龄，美好不被定义，愿我们每天都开心快乐。{:4_204:}

梦油发表于 2025-6-1 14:29

梦江南发表于 2025-6-1 07:36
是的，童年时代总是值得回忆的。早上问好梦油老师，快乐不分年龄，美好不被定义，愿我们每天都开心快乐。 ...

是的，梦江南朋友。希望我们一起快乐，一起开心。

梦江南 发表于 2025-6-1 15:10

梦油发表于 2025-6-1 14:29
是的，梦江南朋友。希望我们一起快乐，一起开心。

下午问好梦油老师，这是一定的。

红影发表于 2025-6-1 23:25

好可爱的帖子，这个制作和歌曲都是AI的吧{:4_173:}
欣赏江南好帖，六一快乐{:4_187:}

梦江南 发表于 2025-6-2 07:33

红影发表于 2025-6-1 23:25
好可爱的帖子，这个制作和歌曲都是AI的吧
欣赏江南好帖，六一快乐

早上问好影子，这二天没看到您，一定很忙吧！
这么晚还来顶帖，阿姨已经一觉睡醒了。很感动！太晚了啊！{:4_179:}

梦江南 发表于 2025-6-2 07:35

本帖最后由梦江南于 2025-6-2 07:37 编辑

红影发表于 2025-6-1 23:25
好可爱的帖子，这个制作和歌曲都是AI的吧
欣赏江南好帖，六一快乐
回影子，这图是用AI做的，歌曲是自己录音做出来的。
https://pic.imgdb.cn/item/666f8259d9c307b7e96c3ff7.gif

https://pic.imgdb.cn/item/667542d8d9c307b7e9e7b1d4.gif

红影发表于 2025-6-2 20:52

梦江南发表于 2025-6-2 07:33
早上问好影子，这二天没看到您，一定很忙吧！
这么晚还来顶帖，阿姨已经一觉睡醒了。很感动！太晚了啊！ ...

嗯，忙了点事情，有点累，今天多睡了点，好多了。
谢谢江南关心{:4_187:}

红影发表于 2025-6-2 20:53

梦江南发表于 2025-6-2 07:35
回影子，这图是用AI做的，歌曲是自己录音做出来的。

这两个图图也好可爱，谢谢江南，江南的手真巧{:4_199:}

梦江南 发表于 2025-6-3 06:36

红影发表于 2025-6-2 20:52
嗯，忙了点事情，有点累，今天多睡了点，好多了。
谢谢江南关心

不但要忙工作事情，更要注意休息，身体才是最要紧的。

梦江南 发表于 2025-6-3 06:37

红影发表于 2025-6-2 20:53
这两个图图也好可爱，谢谢江南，江南的手真巧

谢谢影子支持鼓励，谢谢！{:4_187:}

红影发表于 2025-6-3 15:08

梦江南发表于 2025-6-3 06:36
不但要忙工作事情，更要注意休息，身体才是最要紧的。

是的，保护好身体是最重要的事，谢谢江南关心{:4_187:}

红影发表于 2025-6-3 15:09

梦江南发表于 2025-6-3 06:37
谢谢影子支持鼓励，谢谢！

不客气啊，谢谢江南带来的可爱的帖子{:4_187:}

梦江南 发表于 2025-6-3 16:32

红影发表于 2025-6-3 15:08
是的，保护好身体是最重要的事，谢谢江南关心

不客气啦，

梦江南 发表于 2025-6-3 16:33

红影发表于 2025-6-3 15:09
不客气啊，谢谢江南带来的可爱的帖子

我也想不出好的东东来就交给AI了。

红影发表于 2025-6-3 20:50

梦江南发表于 2025-6-3 16:32
不客气啦，

生病会让人很难受，还是健康的好。

红影发表于 2025-6-3 20:51

梦江南发表于 2025-6-3 16:33
我也想不出好的东东来就交给AI了。

嗯嗯，AI还是很强大的。

页: [1] 2

花潮论坛's Archiver

童年时光多么美好