小辣椒 发表于 2024-4-20 11:24

王一佳 - 等我不再去打扰 (Live合唱版)


<meta charset="UTF-8">
<style>
        #papa { margin: 150px 0 20px calc(50% - 781px); width: 1400px; height: 711px; background: url('https://xlaj.cn/assets/file/zp/20240420111943.jpg'); box-shadow: 2px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; }
        #papa::before { position: absolute; content: ''; left: 250px; top: 180px; width: 32px; height: 32px; background: url('https://xlaj.cn/assets/file/zp/20231112124430.jpg') no-repeat center/cover; }
        #play { position: absolute; left: 425px;width: 300px; bottom: 160px; border-radius: 20%; cursor: pointer; animation: rot 10s linear infinite var(--state); }
        .vid { position: absolute;left: -50px; bottom: 30; width: 30%; height: calc(30% + 60px); object-fit: cover; mix-blend-mode: screen; }            
        @keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="papa">
        <audio id="aud" src="https://s2.ananas.chaoxing.com/sv-w8/audio/8e/8d/eb/85b016270aa4a6658176936dba70db59/audio.mp3" autoplay loop></audio>
        <video class="vid" src="https://lk999.oss-cn-guangzhou.aliyuncs.com/xxsx.mp4" muted autoplay loop></video>
       
        <img id="play" src="https://xlaj.cn/assets/file/zp/20240418200557.png" alt="" />
</div>

<script>
let vids = document.querySelectorAll('.vid');
var mState = () => {
        papa.style.setProperty('--state', ['running','paused'][+aud.paused]);
        playvideo(!aud.paused);
};
var playvideo = (flag) => vids.forEach(vid => flag ? vid.play() : vid.pause());
aud.onplaying = aud.onpause = () => mState();
play.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

小辣椒 发表于 2024-4-20 11:25

本来上去是一首口哨音乐，感觉上这首歌更加适合图意;P

小辣椒 发表于 2024-4-20 11:26

同一首了 呼叫 bgmnet{:5_156:}

liumang 发表于 2024-4-21 13:13

漂亮，歌曲好听{:5_150:}

liumang 发表于 2024-4-21 13:14

小辣椒今天休息吧

liumang 发表于 2024-4-21 13:14

{:5_140:}{:5_140:}{:5_140:}

非常开心 发表于 2024-4-23 23:20

欣赏辣椒老师的制作

admin 发表于 2024-4-24 00:23

{:5_134:}👍🏻👍🏻好听，，辛苦了

小辣椒 发表于 2024-4-28 13:15

admin 发表于 2024-4-24 00:23
👍🏻👍🏻好听，，辛苦了

好听就多听几遍{:5_146:}

小辣椒 发表于 2024-4-28 13:17

非常开心 发表于 2024-4-23 23:20
欣赏辣椒老师的制作

欢迎非常开心，这里最悠闲，可以欣赏高音质的音乐，小辣椒很喜欢的环境{:5_158:}
页: [1] 2
查看完整版本: 王一佳 - 等我不再去打扰 (Live合唱版)