有声有色 发表于 2026-7-5 08:24

本帖最后由 有声有色 于 2026-9-24 14:22 编辑 <br /><br /><DIV style="LEFT: -440px; WIDTH:500px; POSITION: relative; TOP:-30px">
<div style="background-image:url();width:960px;height:675px;" data-title="">
<DIV style="LEFT: 200px; WIDTH: 1080px; POSITION: relative; TOP:+20px">
<video src="https://txmov2.a.kwimgs.com/upic/2026/09/16/18/BMjAyNjA5MTYxODUyNTVfNTY0ODk0ODgzN18yMDkxMDcxMjk4NDRfMl8z_b_B9b81210e7cf23f8635f5a92e4d1e7fa9.mp4 " loop="" autoplay="" width="100%"></video>



<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_2691996">
本帖最后由 亚伦影音工作室 于 2026-9-21 13:33 编辑 <br /><br /><style>
#pa{
    margin: 120px 0 30px calc(50% - 300px);
    width: 550px;
    height: 120px;
background:#fff;
border-radius: 55px;
    box-shadow:0px 0px 0px 2px #00aa00, 0px 0px 0px 8px #880000;
    user-select: none;
    display: grid;
      place-items: center;
    overflow: hidden;
    position: relative;
    z-index: 1;--state: paused;
}

#tp{position:absolute;width: 100%;height: 100%;left: 0px;top: 0px;}
#cp {position: absolute;width:116px; height:116px;top: 2px; left: 2px;z-index: 1; transition: 0.25s;border-radius: 50%;box-shadow:0px 0px 0px 3px #cccccc; animation:tion3s linear 1.5s infinite var(--state) }
#ccp {position: absolute;width:116px; height:116px;top: 2px; right: 2px;z-index: 1; transition: 0.25s;border-radius: 50%;box-shadow:0px 0px 0px 3px #cccccc; animation:tion3s linear 1.5s infinite var(--state) }
@keyframes tion { 0% {} 100% { transform:rotate(360deg) } }
#bnt{left:40%;top: 15%;width: 100px;height: 40px;position: absolute;filter: invert(0%); cursor: pointer;z-index: 61}

#tmsg {position: absolute;
      font:100 20px/0px "华文行楷","SimHei", "Arial", "sans-serif";
      color: #fff;
         bottom: 36px;
      left:40%;}
#prog {position:absolute;
      width: 48%;
      height: 3px;background:#aaa;
      cursor: pointer;
         bottom: 20px;border-radius: 10px;
left:25%;}
#prog-bar {border-radius: 20px;
            height: 100%;
            background: #FF0000;
            width: 0%;
      }
    </style>
<div id="pa">

<img src="https://pic1.imgdb.cn/item/69e5e442198dd6f8d6ac9407.png"id="cp" />
<img src="https://pic1.imgdb.cn/item/69e5e442198dd6f8d6ac9407.png"id="ccp" />
<img id = "bnt" src = "https://pic1.imgdb.cn/item/6a47a5441f8fda9783debeed.png">
<img id="tp"src = "https://pic1.imgdb.cn/item/69b4fee50ee6511f188aa107.gif">
<div id="tmsg">00:00/00:00</div>
<div id="prog" title="播放进度条"><div id="prog-bar"></div></div>
            </div>

            <audio id="aud" src="https://upfile.mp3.wf/view.php/772b561042f9e18d7aeaebddcd7a4dde.mp3" loop autoplay></audio>
    <script>         
            var mState = () => aud.paused ?
( bnt.style.setProperty( 'paused'),bnt.title = '点击播放' ) :
( bnt.style.setProperty( 'running'),bnt.title = '点击暂停' );
aud.addEventListener('pause', () => mState());
aud.addEventListener('playing', () => mState());
bnt.addEventListener('click', () => {
    if (aud.paused) {
      aud.play();
      bnt.src = "https://pic1.imgdb.cn/item/6a47a5441f8fda9783debeed.png";
      tp.src = "https://pic1.imgdb.cn/item/69b4fee50ee6511f188aa107.gif";
    } else {bnt.src = "https://pic1.imgdb.cn/item/6a47a5751f8fda9783decc81.png";
      aud.pause();
      tp.src = "https://pic1.imgdb.cn/item/6a485ec61f8fda9783e197d8.jpg";
    }
});
(function() {
      
      var mState = () => {pa.style.setProperty('--state', aud.paused ? 'paused' : 'running');};
aud.onplaying = aud.onpause = () => mState();

})();

prog.onclick = (e) => { aud.currentTime = aud.duration * e.offsetX / prog.offsetWidth;}
var progBar = document.getElementById('prog-bar');
aud.addEventListener('timeupdate', () => {
          varpercent= (aud.currentTime / aud.duration) * 100;
            progBar.style.width = percent + '%';
      });

aud.addEventListener('timeupdate', () => {
                tmsg.innerText = toMin(aud.currentTime) + ' | ' + toMin(aud.duration);});


let toMin = (val) => {
                if (!val) return '00:00';
                val = Math.floor(val);
                let min = parseInt(val / 60),
                        sec = parseFloat(val % 60);
                if (min < 10) min = '0' + min;
                if (sec < 10) sec = '0' + sec;
                return min + ':' + sec;
      };
      </script>
</td></tr></table>

梦江南 发表于 2026-7-5 08:32

有声老师,这舞跳得漂亮,音乐配得特别有水平。{:4_187:}

梦江南 发表于 2026-7-5 08:38

有声老师,昨天早晨在小云雀的数字人讲解处做了一首词,《梦江南.无题》,做得很好。发了,你看了没有?

有声有色 发表于 2026-7-5 09:43

梦江南 发表于 2026-7-5 08:38
有声老师,昨天早晨在小云雀的数字人讲解处做了一首词,《梦江南.无题》,做得很好。发了,你看了没有?

做的相当好 有简单 又方便赞一个

有声有色 发表于 2026-7-5 09:49

梦江南 发表于 2026-7-5 08:32
有声老师,这舞跳得漂亮,音乐配得特别有水平。

AI的目的·就是做起来要简单,不要搞的那么复杂化只要把提示词写到位,出来的作品肯定让人喜欢,

这段舞 做的怎么样,简单又不复杂

梦江南 发表于 2026-7-5 10:33

有声有色 发表于 2026-7-5 09:43
做的相当好 有简单 又方便赞一个

今早又做了一首,蛮好的,过会发上来。

梦江南 发表于 2026-7-5 10:35

本帖最后由 梦江南 于 2026-7-5 10:37 编辑

有声有色 发表于 2026-7-5 09:49
AI的目的·就是做起来要简单,不要搞的那么复杂化只要把提示词写到位,出来的作品肯定让人喜欢,

这段 ...
有声老师说得对,太复杂了反而做不出来。现在的AI思考理解能力强起来了。

梦江南 发表于 2026-7-5 10:36

有声有色 发表于 2026-7-5 09:49
AI的目的·就是做起来要简单,不要搞的那么复杂化只要把提示词写到位,出来的作品肯定让人喜欢,

这段 ...

这段舞做的很漂亮。

红影 发表于 2026-7-5 10:58

很漂亮的扇舞,飘逸而美妙。不过仔细看,细节上还是有点小问题的{:4_173:}
欣赏有声有色老师好帖{:4_187:}

有声有色 发表于 2026-7-5 11:13

红影 发表于 2026-7-5 10:58
很漂亮的扇舞,飘逸而美妙。不过仔细看,细节上还是有点小问题的
欣赏有声有色老师好帖

是的 好像多了一只手,剪辑时没剪辑好,看来眼睛是越来越不行了。

有声有色 发表于 2026-7-5 11:14

梦江南 发表于 2026-7-5 10:33
今早又做了一首,蛮好的,过会发上来。

等待你的佳作

梦江南 发表于 2026-7-5 11:36

有声有色 发表于 2026-7-5 11:14
等待你的佳作

还想到剪映上去做过。

小辣椒 发表于 2026-7-5 22:29

欣赏老师精彩的制作{:4_187:}

小辣椒 发表于 2026-7-5 22:29

老师好有才哦{:4_178:}

有声有色 发表于 2026-7-6 09:46

梦江南 发表于 2026-7-5 11:36
还想到剪映上去做过。

我也是简单的剪辑了一下

有声有色 发表于 2026-7-6 09:47

小辣椒 发表于 2026-7-5 22:29
老师好有才哦

谢谢辣椒老师鼓励,

梦江南 发表于 2026-7-6 11:40

有声有色 发表于 2026-7-6 09:46
我也是简单的剪辑了一下

有声老师,发了,你看了吗?

有声有色 发表于 2026-7-6 12:12

梦江南 发表于 2026-7-6 11:40
有声老师,发了,你看了吗?

昨天就看到了,好评如潮啊,你也可以尝试一下用制作诗词歌曲,再配上视频,又是一种新的AI制作。

梦江南 发表于 2026-7-6 12:20

有声有色 发表于 2026-7-6 12:12
昨天就看到了,好评如潮啊,你也可以尝试一下用制作诗词歌曲,再配上视频,又是一种新的AI制作。

就像红枫老师制作的一样,这个可能有点难度,诗词歌曲用的风格乐器还挺多的,我一窍不通。

有声有色 发表于 2026-7-6 12:23

梦江南 发表于 2026-7-6 12:20
就像红枫老师制作的一样,这个可能有点难度,诗词歌曲用的风格乐器还挺多的,我一窍不通。

你不是做过歌的吗,
页: [1] 2
查看完整版本: