音乐演奏：土耳其进行曲（AI视频，代码编制）
本帖最后由 梦缘水乡 于 2025-4-8 17:39 编辑 <br /><br /><div style="WIDTH: 900px; POSITION: relative;left: -20px; TOP:18px;"><div style="MARGIN-TOP: 50px; MARGIN-LEFT: 5.px">
<div class="ckeditor-html5-video" style="text-align: center;">
<video autoplay="autoplay" controlslist="nodownload" loop="loop"src="https://file.uhsea.com/2504/7a56f618b72b3ed7d551976646baadbeR9.mp4">width:100%;
</p></div>
<div id="layer" style="position:absolute; left:9%;bottom:70px;width:80%;height:1.5em;"></div></div>
<textarea style="visibility:hidden;" id="lrcContent">
土耳其进行曲：小号演奏
音乐编制：梦缘水乡
欢迎大家欣赏
</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://music.163.com/song/media/outer/url?id=138919.mp3", //
gczh:'45px', // 歌词字体大小
gczt:'楷体', // 歌词字体, 若无此参数默认为微软雅黑
gcys:'#E066FF', // 当前歌词显示红色
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>
好一声盛大的音乐会！{:4_199:} 这么多演奏家，形态各异，真是难为创作者了哈。{:4_173:} 很漂亮的演奏大厅，漂亮制作。
欣赏梦缘水乡的制作{:4_187:} 演奏的人的动作和音乐节奏很相符，指挥的人节奏不对呢{:4_173:} 樵歌 发表于 2025-4-8 20:42
好一声盛大的音乐会！
谢谢老师热情支持和鼓励，向您学习了，下午问好！{:4_199:} 樵歌 发表于 2025-4-8 20:43
这么多演奏家，形态各异，真是难为创作者了哈。
谢谢老师热情支持和鼓励，向您学习了，下午问好！{:4_199:} 红影 发表于 2025-4-8 20:44
很漂亮的演奏大厅，漂亮制作。
欣赏梦缘水乡的制作
谢谢老师热情支持和鼓励，向您学习了，下午问好！{:4_204:} 红影 发表于 2025-4-8 20:46
演奏的人的动作和音乐节奏很相符，指挥的人节奏不对呢
谢谢老师热情支持和鼓励，向您学习了，下午问好！{:4_204:} 梦缘水乡 发表于 2025-4-9 16:15
谢谢老师热情支持和鼓励，向您学习了，下午问好！
不客气呢，问好梦缘水乡，晚上好{:4_187:} 梦缘水乡 发表于 2025-4-9 16:14
谢谢老师热情支持和鼓励，向您学习了，下午问好！
我还不会用AI制作视频呢，以后向你学习。
页:
[1]