回家
<div style="WIDTH: 900px; POSITION: relative;left: -410px; TOP:18px;">
<div style="MARGIN-TOP: 50px; “MARGIN-LEFT: 15px” ；">
<div class="ckeditor-html5-video" style="text-align: center;">
<video autoplay="autoplay" controlslist="nodownload" loop="loop"src="https://cccimg.com/view.php/7acc47fb8adc33690d01b0f8b63b24af.mp4">width:100%;
</p></div>
<div id="layer" style="position:absolute; left:80%;bottom: 180px;width:80%;TOP: 50px; 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://cccimg.com/view.php/605b41fcab4bf31a5e1c2f3dec6a2f37.mp3",
//
gczh:'30px', // 歌词字体大小
gczt:'隶书', // 歌词字体, 若无此参数默认为微软雅黑
gcys:'#87CEEB', // 当前歌词显示红色
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-4-27 16:48
这只小狗真老实哎。我在北海公园看到过一个“溜猫”的，那猫也很老实。
小狗狗是老实的。 好听好看，谢谢江南精彩分享{:4_204:} 漂亮的制作，温馨的场景。
欣赏江南好帖{:4_199:} 正想问这个没有暂停么，然后发现点击歌词可以暂停。只是暂停了歌曲，视频没法暂停呢{:4_173:} 这个AI的制作好漂亮，给江南点赞{:4_187:} 车筐里的书本，车后座的小狗，可以推测女孩生活安然而美好，这样的平安幸福生活真好{:4_187:} 问好梦江南老师，AI视频做的很美{:4_199:} 直接视频背景加了歌词同步{:4_199:} 向梦江南老师学习！{:4_187:} 杨帆 发表于 2025-4-27 18:10
好听好看，谢谢江南精彩分享
早上问好，谢谢您欣赏支持。{:4_204:} 红影 发表于 2025-4-27 20:02
漂亮的制作，温馨的场景。
欣赏江南好帖
早上问好，谢谢影子欣赏支持。{:4_204:} 红影 发表于 2025-4-27 20:04
正想问这个没有暂停么，然后发现点击歌词可以暂停。只是暂停了歌曲，视频没法暂停呢
回影子，这代码是难难老师的，我只是改了一下歌词位置和直接用视频上做歌词。不好意思！ 红影 发表于 2025-4-27 20:05
这个AI的制作好漂亮，给江南点赞
谢谢，谢谢，{:4_187:} 红影 发表于 2025-4-27 20:07
车筐里的书本，车后座的小狗，可以推测女孩生活安然而美好，这样的平安幸福生活真好
生活安然美好，也不要忘记回家。{:4_204:} 冬天的雨 发表于 2025-4-27 20:29
问好梦江南老师，AI视频做的很美
早上问好，谢谢冬雨老师欣赏支持。{:4_204:} 冬天的雨 发表于 2025-4-27 20:29
直接视频背景加了歌词同步
是的，因为AI做出来的动态就是MP4，所以就直接在视频上做歌词同步了。{:4_190:} 冬天的雨 发表于 2025-4-27 20:29
向梦江南老师学习！
冬雨老师客气了，向您学习才是。{:4_187:} 梦江南 发表于 2025-4-28 08:51
回影子，这代码是难难老师的，我只是改了一下歌词位置和直接用视频上做歌词。不好意思！
难难老师德艺双馨，有很多优秀作品呢，这是哪个呀{:4_204:}