绿叶清舟 发表于 2024-5-6 21:05

轻舞飞扬（吉他弹唱）


<style>
#papa { margin: 20px 0 20px calc(50% - 683px); width: 1200px; height: 700px; background: url('https://p.upyun.com/demo/tmp/VmtHlQbI.webp') no-repeat center/cover; box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; }
#player { position: absolute; width: 200px; left: calc(50% - 100px); top: calc(50% - 100px); cursor: pointer; pointer-events: auto; animation: rot 6s linear infinite var(--state); }
/* 画布样式 */
#canv { position: absolute; display: block; mix-blend-mode: screen; pointer-events: none; }
/* 视频样式 */
.vid { position: absolute; bottom: 0; width: 100%; height: calc(100% + 100px); object-fit: cover; pointer-events: none; mix-blend-mode: screen; }
@keyframes rot { to { transform: rotateY(360deg); } }
</style>

<div id="papa">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2114679346" autoplay loop></audio>
    <!-- 支持多个视频 -->
    <video class="vid" src="https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a2fd36a145.mp4" loop muted></video>
    <!-- 画布id必须是 id="canv" -->
    <canvas id="canv"></canvas>
    <img id="player" src="https://p.upyun.com/demo/tmp/XEajnDUC.webp" alt="" />
</div>

<script>
    var pa = papa; //指定帖子元素id
    //加载粒子特效资源
    var sF = document.createElement('script');
    sF.src = 'https://638183.freep.cn/638183/web/js/emmiter.js';
    sF.charset = 'utf-8';
    document.body.appendChild(sF);
    //播放按钮点击事件
    player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

红影 发表于 2024-5-6 22:22

这个让起舞的女子做按钮，有趣。而且绕y轴旋转的方式也很特别。
欣赏清舟好帖{:4_199:}

红影 发表于 2024-5-6 22:24

画面淡雅，歌曲好听{:4_187:}

红影 发表于 2024-5-6 22:26

这起舞的女子就是图里男子的心里的姑娘吧{:4_173:}

马黑黑 发表于 2024-5-6 22:26

这个口哨吹完得喝一大瓶可乐

梦油 发表于 2024-5-7 09:08

清舟朋友早晨好！这悠扬的歌声如同一阵清风，让人感受到一种宁静与美好。谢谢，分享了。

樵歌 发表于 2024-5-7 12:20

跳舞的姑娘薄得像一张纸一样，自由的旋转飞扬。歌和图图绝配！

绿叶清舟 发表于 2024-5-7 20:19

樵歌 发表于 2024-5-7 12:20
跳舞的姑娘薄得像一张纸一样，自由的旋转飞扬。歌和图图绝配！

樵歌晚上好啊，好久不见了

绿叶清舟 发表于 2024-5-7 20:19

梦油 发表于 2024-5-7 09:08
清舟朋友早晨好！这悠扬的歌声如同一阵清风，让人感受到一种宁静与美好。谢谢，分享了。

梦油晚上好，不客气啊

绿叶清舟 发表于 2024-5-7 20:20

马黑黑 发表于 2024-5-6 22:26
这个口哨吹完得喝一大瓶可乐

让你吹口哨，谁叫你吹口水了

绿叶清舟 发表于 2024-5-7 20:20

红影 发表于 2024-5-6 22:26
这起舞的女子就是图里男子的心里的姑娘吧

应该就是的吧{:4_189:}

绿叶清舟 发表于 2024-5-7 20:20

红影 发表于 2024-5-6 22:22
这个让起舞的女子做按钮，有趣。而且绕y轴旋转的方式也很特别。
欣赏清舟好帖

谢谢影，跳舞只能站起来转了

马黑黑 发表于 2024-5-7 21:23

绿叶清舟 发表于 2024-5-7 20:20
让你吹口哨，谁叫你吹口水了

没有口水的滋润，口哨是响不起来的

小辣椒 发表于 2024-5-7 22:26

清晰雅致的，图图好迷人的{:4_170:}

小辣椒 发表于 2024-5-7 22:27

喜欢清舟的精致小帖{:4_199:}

红影 发表于 2024-5-8 00:37

绿叶清舟 发表于 2024-5-7 20:20
应该就是的吧

非常有趣的制作，整体画面很美{:4_187:}

红影 发表于 2024-5-8 00:37

绿叶清舟 发表于 2024-5-7 20:20
谢谢影，跳舞只能站起来转了

这个转得很好看{:4_187:}

梦油 发表于 2024-5-8 14:16

绿叶清舟 发表于 2024-5-7 20:19
梦油晚上好，不客气啊

不客气，不客气。

樵歌 发表于 2024-5-8 20:13

绿叶清舟 发表于 2024-5-7 20:19
樵歌晚上好啊，好久不见了

我一直在呵，只是眼睛瞅旁边了。{:4_189:}
页: [1]
查看完整版本: 轻舞飞扬（吉他弹唱）