论坛 › 欢乐水吧 › AI萌娃高高兴兴跳起来

梦江南 发表于 2025-5-3 12:05

AI萌娃高高兴兴跳起来

本帖最后由 梦江南 于 2025-5-3 14:36 编辑 <br /><br /><div style="WIDTH: 500px; POSITION: relative;left: -200px; TOP:18px;">
<div style="MARGIN-TOP: 50px; MARGIN-LEFT: 15.px">
<div class="ckeditor-html5-video" style="text-align: center;">
<video autoplay="autoplay" controlslist="nodownload" loop="loop" muted src="https://img4.oldkids.cn/upload/2025/05/02/blog_260798238_20250502140746270.mp4
">width:60%;

</p></div>
<div id="layer" style="position:absolute; left: 50%;bottom: 150px;width:100%;height:1.5em;"></div></div>
<textarea style="visibility:hidden;" id="lrcContent">


      跳起来跳起来
        歌词由 www.33VE.com 提供
        跳起来跳起来
        高高兴兴跳起来
        跳起来跳起来
        高高兴兴跳起来
        双手抓紧往上跳
        我们一起飞起来
        跳起来跳起来
        高高兴兴跳起来
        LRC：梦江南
        跳起来跳起来
        高高兴兴跳起来
        跳起来跳起来
        高高兴兴跳起来
        双手抓紧往上跳
        我们一起飞起来
        跳起来跳起来
        高高兴兴跳起来

`;



</textarea>
<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();else{this.mObj.controls=true}};this.mObj.onplaying=()=>{this.mObj.controls=false};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=()=>{if(this.mObj.paused){this.mObj.play()}else{this.mObj.pause()}};try{this.mObj.play()}catch(err){console.log(err.message)}},stopMusic:function(){this.mObj.pause();this.mObj.controls=false;this.mObj=null},};
var opts = {
lrcTxtID:'lrcContent',                        //      放置LRC的textarea标签的ID      
lrcShowID:"layer",                              //      显示歌词的标签ID      
audioURL:"https://img3.oldkids.cn/upload/2025/05/02/blog_260798238_20250502172940114.mp3",
                                                         //      

gczh:'35px',                  //      歌词字体大小
gczt:'隶书',                //      歌词字体, 若无此参数默认为微软雅黑                              
gcys:'#0000FF',                        //      当前歌词显示红色               
gcys1:'Brown',                //      后续歌词显示颜色               
shys:'#DEF70B',                //      歌词描边色，若无此参数则无描边
gcct:true,                        //      歌词是否加粗                        
dqfs:'center',                //      歌词显示对齐方式，若无此参数默认居中对齐      
                                       
showMode:0,                        //      横排(0)或竖排(1)，若无此参数默认横排               
playLoop:true,                //      是否循环播放，若无此参数默认播放一次      
gchs: 1                              //      显示歌词行（列）数，默认为1行
};
var km = new lrcPlayer(opts);

</script>
</div></div>

</p></div>
<div id="layer" style="position:absolute; left: 50%;bottom: 150px;width:80%;height:1.5em;"></div></div>
<textarea style="visibility:hidden;" id="lrcContent">


      跳起来跳起来
        歌词由 www.33VE.com 提供
        跳起来跳起来
        高高兴兴跳起来
        跳起来跳起来
        高高兴兴跳起来
        双手抓紧往上跳
        我们一起飞起来
        跳起来跳起来
        高高兴兴跳起来
        LRC：静悟
        跳起来跳起来
        高高兴兴跳起来
        跳起来跳起来
        高高兴兴跳起来
        双手抓紧往上跳
        我们一起飞起来
        跳起来跳起来
        高高兴兴跳起来

`;



</textarea>
<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();else{this.mObj.controls=true}};this.mObj.onplaying=()=>{this.mObj.controls=false};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=()=>{if(this.mObj.paused){this.mObj.play()}else{this.mObj.pause()}};try{this.mObj.play()}catch(err){console.log(err.message)}},stopMusic:function(){this.mObj.pause();this.mObj.controls=false;this.mObj=null},};
var opts = {
lrcTxtID:'lrcContent',                        //      放置LRC的textarea标签的ID      
lrcShowID:"layer",                              //      显示歌词的标签ID      
audioURL:"https://img3.oldkids.cn/upload/2025/05/02/blog_260798238_20250502172940114.mp3",
                                                         //      

gczh:'25px',                  //      歌词字体大小
gczt:'隶书',                //      歌词字体, 若无此参数默认为微软雅黑                              
gcys:'#0000FF',                        //      当前歌词显示红色               
gcys1:'Brown',                //      后续歌词显示颜色               
shys:'#DEF70B',                //      歌词描边色，若无此参数则无描边
gcct:true,                        //      歌词是否加粗                        
dqfs:'center',                //      歌词显示对齐方式，若无此参数默认居中对齐      
                                       
showMode:0,                        //      横排(0)或竖排(1)，若无此参数默认横排               
playLoop:true,                //      是否循环播放，若无此参数默认播放一次      
gchs: 1                              //      显示歌词行（列）数，默认为1行
};
var km = new lrcPlayer(opts);

</script>
</div></div>

红影 发表于 2025-5-3 13:17

有意思，小朋友还都是古装的呢，有小朋友在跳，还有小鸟儿跟着跳，真欢乐。
欣赏江南好制作{:4_199:}

红影 发表于 2025-5-3 13:19

这是什么地方的民族舞吧，不知小朋友手上拿的什么。
小朋友都光着脚呢，不怕扎么{:4_173:}

梦油 发表于 2025-5-3 14:10

小娃娃们真可爱。

梦江南 发表于 2025-5-3 14:30

红影 发表于 2025-5-3 13:17
有意思，小朋友还都是古装的呢，有小朋友在跳，还有小鸟儿跟着跳，真欢乐。
欣赏江南好制作

问好影子，这些小鸟也在凑热闹。{:4_204:}

梦江南 发表于 2025-5-3 14:33

红影 发表于 2025-5-3 13:19
这是什么地方的民族舞吧，不知小朋友手上拿的什么。
小朋友都光着脚呢，不怕扎么

小朋友手里拿的是小棍棒，不知道跳的是什么舞。你没看到啊，是软软的草地啦，不会扎脚的。{:4_189:}

梦江南 发表于 2025-5-3 14:34

梦油 发表于 2025-5-3 14:10
小娃娃们真可爱。

是啊，小娃娃总是可爱的。谢谢梦油老师欣赏。{:4_204:}

红影 发表于 2025-5-3 15:53

梦江南 发表于 2025-5-3 14:30
问好影子，这些小鸟也在凑热闹。

很欢乐的童年，欢乐的帖子{:4_187:}

红影 发表于 2025-5-3 15:54

梦江南 发表于 2025-5-3 14:33
小朋友手里拿的是小棍棒，不知道跳的是什么舞。你没看到啊，是软软的草地啦，不会扎脚的。

很有趣，小朋友们跳得很轻松愉悦{:4_187:}

梦油 发表于 2025-5-3 16:56

梦江南 发表于 2025-5-3 14:34
是啊，小娃娃总是可爱的。谢谢梦油老师欣赏。

梦江南朋友别客气。

梦江南 发表于 2025-5-4 07:37

梦油 发表于 2025-5-3 16:56
梦江南朋友别客气。

早上好，梦油老师这不是客气，这是礼貌。

梦油 发表于 2025-5-4 11:00

梦江南 发表于 2025-5-4 07:37
早上好，梦油老师这不是客气，这是礼貌。

社会上的人如果人人像梦江南朋友这样懂礼貌就好喽！{:5_108:}

查看完整版本: AI萌娃高高兴兴跳起来