寒冬残荷 发表于 2025-10-6 20:48

【月满花潮庆华诞】《水调歌头.南国中秋夜》


<style>
#papa {position:relative; margin:90px auto 45px calc(50% - 881px); width:1600px;height:900px; box-shadow:3px 3px 20px #000; z-index:1; display:grid; place-items:center;overflow: hidden; }
#vid {position:absolute; z-index: 2;width:100%; height:100%; object-fit:cover; margin:0px; pointer-events:none;}
#mdiv {z-index: 10; --size: 30px;--color: teal;position: relative;left: calc(-45.5% - var(--size) / 2);top: -310px;width: var(--size);height: var(--size);display: grid;place-items: center;animation: rot 8s linear infinite ;cursor: pointer; font-size: 50px;}
#mdiv::before, #mdiv::after {position: absolute;content: '';width: 0;height: 0;border-style: solid;border-width: calc(var(--size) / 2) calc(var(--size) / 2 - 35px);border-color: var(--color) transparent;border-radius: 100% 100% 100% 100%;filter:drop-shadow(#000 1px 0 0)drop-shadow(#000 0 1px 0)drop-shadow(#000 -1px 0 0) drop-shadow(#000 0 -1px0);}
#mdiv::after { transform: rotate(90deg) }
@keyframes rot { 100% { transform: rotate(360deg);filter:hue-rotate(360deg); } }
#fullscreen { position: absolute; top: 30px; right:30px;font: normal 2em/0em 楷体;color:#000; opacity: .3; cursor: pointer; z-index: 111}
</style>
<div id="papa">
<div id="mdiv" title="">❤️</div>
<span id="fullscreen">全屏欣赏</span>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1418852333" autoplay loop ></audio>
<video id="vid" src="https://cccimg.com/view.php/2971df146a97ed3712b0120cfe44be8d.mp4" autoplay loop muted ></video>
</div>
<div style="height:100px;"></div>
<script>
// 以下4行代码是用id为aud来响应鼠标点击❤️时mp3音乐和视频的播放或停止
mdiv.onclick = () => aud.paused ?( aud.play(),vid.play()):(aud.pause(),vid.pause());
mdiv.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () =>mdiv.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>mdiv.style.animationPlayState = 'paused');
// 以下5行代码是用id为fullscreen来响应鼠标点击“全屏欣赏/退出全屏”时切换到全屏欣赏或退出全屏
let fs = true;
fullscreen.onclick = () => {
fs ? (fullscreen.innerText = '退出全屏', papa.requestFullscreen()) : (fullscreen.innerText = '全屏欣赏', document.exitFullscreen());
fs = !fs;
};
</script>

寒冬残荷 发表于 2025-10-6 20:53

还是百度AI做的视频清晰度高!

小辣椒 发表于 2025-10-6 21:03

寒冬残荷 发表于 2025-10-6 20:53
还是百度AI做的视频清晰度高!

百度做的AI视频啊,很高清啊,我是剪影做的

小辣椒 发表于 2025-10-6 21:03

感谢老师精彩分享,中秋节快乐!

寒冬残荷 发表于 2025-10-6 21:13

一个人的中秋节也顶不错的!今天什么事都不用做,在网上玩了一天!

寒冬残荷 发表于 2025-10-6 21:20

小辣椒 发表于 2025-10-6 21:03
百度做的AI视频啊,很高清啊,我是剪影做的

你是说剪映?我做的多数不是仅用一个软件,比如这个视频,我先用AI做老人的视频,再用剪映来进行编辑,把那首词编辑进去。

寒冬残荷 发表于 2025-10-6 21:21

小辣椒 发表于 2025-10-6 21:03
感谢老师精彩分享,中秋节快乐!
谢谢小辣椒管理的鼓励和支持!中秋节快乐!

红影 发表于 2025-10-6 22:00

这个视频真好,的确清晰呢。
欣赏寒冬残荷好帖{:4_199:}

红影 发表于 2025-10-6 22:01

寒冬残荷 发表于 2025-10-6 21:13
一个人的中秋节也顶不错的!今天什么事都不用做,在网上玩了一天!

一个人的中秋节用上网来度过,以后想起来也是很别致的体验呢{:4_187:}

小星世龙 发表于 2025-10-7 14:40

文辞隽秀,彰显文采,自然流畅,词句入味,文笔洗练,结构精巧,韵味清秀,为您点赞!

小星世龙 发表于 2025-10-7 14:40

文辞隽秀,彰显文采,自然流畅,词句入味,文笔洗练,结构精巧,韵味清秀,为您点赞!{:4_178:}

小辣椒 发表于 2025-10-7 20:11

寒冬残荷 发表于 2025-10-6 21:20
你是说剪映?我做的多数不是仅用一个软件,比如这个视频,我先用AI做老人的视频,再用剪映来进行编辑,把 ...

哦,那一样的,我就剪影编辑歌词的

小辣椒 发表于 2025-10-7 20:13

寒冬残荷 发表于 2025-10-6 21:21
谢谢小辣椒管理的鼓励和支持!中秋节快乐!

不客气啊,老师会的东西真多,祝在花潮论坛玩的开心

小星世龙 发表于 2025-10-8 08:23

好文采,自然,流畅,新颖,典雅,精彩,悠远,意境尤美,景情互替,韵味浓郁,十分精彩!

小星世龙 发表于 2025-10-8 08:23

好文采,自然,流畅,新颖,典雅,精彩,悠远,意境尤美,景情互替,韵味浓郁,十分精彩!
{:4_178:}
页: [1]
查看完整版本: 【月满花潮庆华诞】《水调歌头.南国中秋夜》