论坛 › 欢乐水吧 › 李健，朋友你还好吗

梦江南 发表于 2025-6-17 15:51

李健，朋友你还好吗

<style>
#mama {
        margin: 130px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 720px;
        background: url('https://cccimg.com/view.php/0ecc48128bad92f5ac11052d8c0205fb.jpg') no-repeat center/cover;
        box-shadow: 0 0 8px gray;
        overflow: hidden;
        z-index: 1;
        position: relative;
}
#mama > video {
        position: absolute;
      top: 50px;
      left: 680px;
        width:500px;;
        height:400px;
       -webkit-mask-image:radial-gradient(black , transparent 70%)"
}
</style>

<div id="mama" class="mama">
        <audio src="https://cccimg.com/view.php/0ecc48128bad92f5ac11052d8c0205fb.jpg" autoplay loop></audio>
<div id="ykp" style="position:absolute; left: 680px; top: 0px; width:500px; height: 400px; -webkit-mask-image:radial-gradient(black , transparent 70%)">
<video src="https://cccimg.com/view.php/3857eaeec146cb5162beb92783852c5c.mp4" loop="" autoplay="" width="100%"></video></div>

<div id="layer" style="position:absolute; left:30%;width:50%;TOP: 80%; height:1em;z-index: 1;" title="播放/暂停">
<textarea style="visibility:hidden;" id="lrcContent">
忽然想起 好久不见
        我的朋友 你还好吗
        是否平常 像我一样
        浮浮沉沉 随人海漂流
        我们随梦想 散落在天涯
        天涯割不断 彼此的温暖
        忽略了多少 曾有的真情
        从来不计较 一声问候就好
        说句珍重 我的朋友
        长长来路 断了孤独
        长长来路 心生温度

</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://cccimg.com/view.php/0ba36c3aa467d5b4a058c65c64836cab.mp3", // 音频文件URL
    gczh:'30px', // 歌词字体大小
    gczt:'隶书', // 歌词字体
    gcys:'        #BC8F8F', // 当前歌词显示颜色
    gcys1:'#CD853F', // 后续歌词显示颜色
    shys:'gold', // 歌词描边色
    gcct:true, // 歌词是否加粗
    dqfs:'center', // 歌词显示对齐方式
    showMode:0, // 横排(0)或竖排(1)
    playLoop:true, // 是否循环播放
    gchs: 1 // 显示歌词行数
};

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-6-17 15:52

李健挺有名气的。

红影 发表于 2025-6-17 16:03

右上的动态是AI做的吧，很呼应歌曲呢。
李健的歌曲好听，喜欢。江南的歌词同步很有特色，漂亮{:4_199:}

红影 发表于 2025-6-17 16:04

欣赏江南好帖{:4_199:}

梦油 发表于 2025-6-17 17:17

帅哥笑的很真诚。

梦江南 发表于 2025-6-18 08:28

愤怒的葡萄 发表于 2025-6-17 15:52
李健挺有名气的。

谢谢葡萄，沙发支持。早上好！

梦江南 发表于 2025-6-18 08:37

红影 发表于 2025-6-17 16:03
右上的动态是AI做的吧，很呼应歌曲呢。
李健的歌曲好听，喜欢。江南的歌词同步很有特色，漂亮

问好影子，是的。影子，现在有一个问题很困惑，黑黑老师的歌词代码尾数是二位的，在花潮歌词版做出来的都是尾数三位，黑黑老师的代码歌词就显示不出来了。这首歌词代码是难难老师的。现在是尾数二位的没地方可去做。163像李健的歌词是有权限限制的，只好自己录音了。

梦江南 发表于 2025-6-18 08:38

红影 发表于 2025-6-17 16:04
欣赏江南好帖

问好影子，谢谢欣赏支持鼓励。{:4_187:}

梦江南 发表于 2025-6-18 08:39

梦油 发表于 2025-6-17 17:17
帅哥笑的很真诚。

问好梦油老师，谢谢欣赏支持，这是用AI 做出来的。{:4_204:}

愤怒的葡萄 发表于 2025-6-18 10:12

梦江南 发表于 2025-6-18 08:39
问好梦油老师，谢谢欣赏支持，这是用AI 做出来的。

现在AI软件功能这么强大啊？

梦江南 发表于 2025-6-18 11:19

愤怒的葡萄 发表于 2025-6-18 10:12
现在AI软件功能这么强大啊？

是啊，您可以试试，不难的。

愤怒的葡萄 发表于 2025-6-18 12:43

梦江南 发表于 2025-6-18 11:19
是啊，您可以试试，不难的。

估计AI软件是要收费的吧？是不是要购买会员啊？

梦江南 发表于 2025-6-18 13:29

愤怒的葡萄 发表于 2025-6-18 12:43
估计AI软件是要收费的吧？是不是要购买会员啊？

不用的，不开通会员，就不会收费。

杨帆 发表于 2025-6-18 14:25

漂亮！谢谢江南友友精彩分享{:4_187:}

愤怒的葡萄 发表于 2025-6-18 14:26

梦江南 发表于 2025-6-18 13:29
不用的，不开通会员，就不会收费。

哦，知道了，现在AI软件的功能的确是非常强大的，高科技的技术就是不一样的。

梦油 发表于 2025-6-18 14:36

梦江南 发表于 2025-6-18 08:39
问好梦油老师，谢谢欣赏支持，这是用AI 做出来的。

做得很好啊

梦江南 发表于 2025-6-18 14:53

杨帆 发表于 2025-6-18 14:25
漂亮！谢谢江南友友精彩分享

谢谢杨帆欣赏支持，顺祝夏安！{:4_187:}

梦江南 发表于 2025-6-18 14:55

愤怒的葡萄 发表于 2025-6-18 14:26
哦，知道了，现在AI软件的功能的确是非常强大的，高科技的技术就是不一样的。

您年轻一看就会的。我在想，对公安系统是不是破案更容易了。

梦江南 发表于 2025-6-18 14:55

梦油 发表于 2025-6-18 14:36
做得很好啊

谢谢梦油老师鼓励。{:4_187:}

愤怒的葡萄 发表于 2025-6-18 14:57

本帖最后由 愤怒的葡萄 于 2025-6-18 14:59 编辑

梦江南 发表于 2025-6-18 14:55
您年轻一看就会的。我在想，对公安系统是不是破案更容易了。
警察是很忙的，而且有时候破案要看运气的，能够侦破的案件百分之三十都不到的。

一个地方的警察数量是相当有限的，警察每天要做的事情是很多的，我也是在基层工作过好几年的，知道基层民警的辛苦的，主要最近几年考核实在是越来越严格了。

查看完整版本: 李健，朋友你还好吗