绿叶清舟 发表于 2025-1-21 21:11

听，是谁在唱歌TO樵歌


<style>
#mydiv { margin: 30px 0 30px calc(50% - 683px); width: 1200px; height: 680px; background: url('https://p.upyun.com/demo/tmp/4GMWmAsQ.webp') center/cover; box-shadow: 03px 3px 6px #333; display: grid; place-items: center; position: relative; }
#svg1 { position: absolute; top: 56%; cursor: pointer; filter: hue-rotate(0deg) drop-shadow(0 0 2px black); transition: 1s; }
#svg1:hover { filter: hue-rotate(200deg) drop-shadow(0 0 2px black); }
</style>

<div id="mydiv">
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=5265739" autoplay loop></audio>
      <svg id="svg1" width="200" height="200" viewBox="0 0 200 200" fill="none" stroke="white" stroke-width="3" stroke-dasharray="6 12 6"></svg>
</div>

<script>
var ww = mydiv.offsetWidth;
var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/api/fullscreen.js';
sc.charset = 'utf-8';
document.body.appendChild(sc);
sc.onload = () => FS({papa: '#mydiv', css: 'bottom: 20px; --fsBg: #fdead1; --color: #816e4e;'});
var observer = new ResizeObserver((elms) => {
      var cr = elms.contentRect;
      svg1.style.transform = `scale(${cr.width / ww * 0.6})`;
});
mState = () => aud.paused ? (tz.style.setProperty('--state', 'paused'), hsvg.pauseAnimations()) : (tz.style.setProperty('--state', 'running'), hsvg.unpauseAnimations());
drawCircles = (num) => {
      let circlecode = '', anicode = '';
      Array(num).fill(0).forEach((c,k) => {
                c = k + 1;
                let bstr = k > 0 ? `ani${k}.begin+${k * 3 / num}s` : '0s';
                let color = `#${Math.random().toString(16).substring(2,5)}a0`;
                circlecode += `<circle id="cc${c}" cx="100" cy="100" r="0" stroke="${color}" transform="rotate(${360 / num * k} 100 100)"></circle>`;
                anicode += `<animate xlink:href="#cc${c}" attributeName="r" values="0;90;0" dur="20s" repeatCount="indefinite" id="ani${c}" begin="${bstr}"></animate>`;
      });
      return circlecode + anicode;
};
svg1.innerHTML = drawCircles(5);
observer.observe(mydiv);
aud.onplaying = aud.onpause = () => aud.paused ? svg1.pauseAnimations() : svg1.unpauseAnimations();
svg1.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

樵歌 发表于 2025-1-21 21:55

刚刚去接油龙了，竟然发完贴就有礼物收，哈哈，真美！{:4_187:}{:4_179:}

樵歌 发表于 2025-1-21 21:57

签名图图放上面与大明星一起，真的好幸运呀。做得真好。谢谢呵{:4_187:}

小辣椒 发表于 2025-1-21 21:58

哇塞，清洲的这个图图有怀旧感的，背景颜色太喜欢了

小辣椒 发表于 2025-1-21 22:00

樵歌 发表于 2025-1-21 21:57
签名图图放上面与大明星一起，真的好幸运呀。做得真好。谢谢呵

瞧哥哥收礼开心{:4_205:}

红影 发表于 2025-1-21 22:02

原来是洋妞在听师兄在唱歌啊{:4_172:}

红影 发表于 2025-1-21 22:03

这个制作真漂亮，欣赏清舟好帖{:4_199:}

小九 发表于 2025-1-21 23:08

樵歌怀抱吉他没有半遮面

小九 发表于 2025-1-21 23:09

裁缝手艺好

梦油 发表于 2025-1-22 07:43

制图真有意思，图中右上的樵歌朋友似是在演唱歌曲，实际，樵歌朋友的演唱技巧也不在他们以下。这个创作有新意。{:5_116:}

梦江南 发表于 2025-1-22 13:35

中西结合得天衣无缝，太棒了！{:4_199:}

樵歌 发表于 2025-1-22 20:54

小辣椒 发表于 2025-1-21 22:00
瞧哥哥收礼开心

那是自然哈。{:4_189:}

樵歌 发表于 2025-1-22 20:55

红影 发表于 2025-1-21 22:02
原来是洋妞在听师兄在唱歌啊

明明是那洋妞在唱哈{:4_189:}

樵歌 发表于 2025-1-22 20:56

小九 发表于 2025-1-21 23:08
樵歌怀抱吉他没有半遮面

年青时还蒸的弹过，不过也仅是东方红一类的{:4_170:}

小九 发表于 2025-1-22 21:04

樵歌 发表于 2025-1-22 20:56
年青时还蒸的弹过，不过也仅是东方红一类的

六边形战士{:4_189:}

红影 发表于 2025-1-23 11:46

樵歌 发表于 2025-1-22 20:55
明明是那洋妞在唱哈

师兄一开口，唱得肯定比洋妞好，师兄是培训过的呢{:4_173:}

绿叶清舟 发表于 2025-1-23 19:20

樵歌 发表于 2025-1-21 21:57
签名图图放上面与大明星一起，真的好幸运呀。做得真好。谢谢呵

樵歌不客气了，喜欢就好了

绿叶清舟 发表于 2025-1-23 19:22

红影 发表于 2025-1-21 22:03
这个制作真漂亮，欣赏清舟好帖

正好听到这首歌想起樵歌唱了那么多的

绿叶清舟 发表于 2025-1-23 19:22

樵歌 发表于 2025-1-22 20:55
明明是那洋妞在唱哈

洋妞醉了在跟唱呢{:4_189:}

红影 发表于 2025-1-23 20:16

绿叶清舟 发表于 2025-1-23 19:22
正好听到这首歌想起樵歌唱了那么多的

是啊，这个送给他最合适呢{:4_173:}
页: [1] 2
查看完整版本: 听，是谁在唱歌TO樵歌