竹枝词

马黑黑 发表于 2026-6-1 19:58

马黑黑 发表于 2026-6-1 19:59

帖子代码：

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w8/vvc.webp') no-repeat center/cover; color: white; }
.player { bottom: 10px; color: limegreen; }
#lrc { bottom: 60px; }
.btnFs { top: 25px; right: 20px; }
#msvg { position: absolute; bottom: 120px; width: 12vw; heighht: 12vw; transition: .75s; opacity: var(--opacity); filter: brightness(1.5); }
</style>

<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/2269348/00/35/88/5fd853b5d4b3a.mp4" autoplay loop muted></video>
<svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
   <g id="g1" class="rot"><title>播放/暂停(Alt+X)</title></g>
</svg>
</div>

<script>
var options = {
   pa: '.pa',
   urls: [['https://music.163.com/song/media/outer/url?id=409649811', '竹枝词']],
   btns:
};

var gc = `谁藏身杨柳青青江水边\n烟雨朦胧渐浮现\n谁转身脚步翩翩如画卷\n许一场紫陌尘缘\n谁执笔描绘江南杏花天\n一种相思两处牵连\n杨柳青青江水平\n闻郎江上踏歌声\n东边日出西边雨\n道是无晴却有晴\n谁身着罗裳独自上兰舟\n看天边白云悠悠\n谁说落花有意流水无情\n花随水走水载花流\n谁相思昨日送你的红豆\n才下眉头又上心头\n杨柳青青江水平\n闻郎江上踏歌声\n东边日出西边雨\n道是无晴却有晴\n杨柳青青江水平\n闻郎江上踏歌声\n东边日出西边雨\n道是无晴却有晴`;

loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
loadJs('https://638183.freep.cn/638183/web/api/yslrc.min.js', function() {
loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', tzRun);
});
});

function tzRun() {
   var aud = new AudPlayer(options);
   LRC(aud.pa, aud.aud, gc);
   var dr = _dr(msvg);
   dr.image('https://638183.freep.cn/638183/small/vuzi.png', -70, -200, 150, 220).addTo(g1).rotates(6);
}

function loadJs(url, callback) {
   var script = document.createElement('script');
   script.charset = 'utf-8';
   script.src = url;
   script.onload = function() {
         if (callback) callback();
   };
   document.head.appendChild(script);
}
</script>

马黑黑 发表于 2026-6-1 20:00

附加的小播使用 svgdr 绘制，核心代码在第 36 行

红影发表于 2026-6-1 20:21

马黑黑发表于 2026-6-1 20:00
附加的小播使用 svgdr 绘制，核心代码在第 36 行

天啊，一株竹子树，在小播里竟然变成了这样的形态了呢{:4_173:}

红影发表于 2026-6-1 20:23

这个视频的使用很奇特，这样旋转的视频貌似是DNA？咋用这个，不知含义是什么{:4_204:}

红影发表于 2026-6-1 20:24

这样的小播很超乎想象，就像猪肉做成的有些菜肴，让人完全想不起猪肉的原样子{:4_173:}

马黑黑 发表于 2026-6-1 21:41

红影发表于 2026-6-1 20:24
这样的小播很超乎想象，就像猪肉做成的有些菜肴，让人完全想不起猪肉的原样子

{:4_172:}

马黑黑 发表于 2026-6-1 21:42

红影发表于 2026-6-1 20:23
这个视频的使用很奇特，这样旋转的视频貌似是DNA？咋用这个，不知含义是什么

传承，对应今天的特殊性

马黑黑 发表于 2026-6-1 21:43

红影发表于 2026-6-1 20:21
天啊，一株竹子树，在小播里竟然变成了这样的形态了呢

这可能是你理解的猪枝词吧{:4_170:}

霜染枫丹 发表于 2026-6-1 22:03

很好听的歌声，喜欢这清新叠翠的画面，赞佩小播的精致，欣赏学习马老师佳作！感谢您无私分享，恭祝夏安！{:4_204:}{:4_190:}

马黑黑 发表于 2026-6-1 22:57

霜染枫丹发表于 2026-6-1 22:03
很好听的歌声，喜欢这清新叠翠的画面，赞佩小播的精致，欣赏学习马老师佳作！感谢您无私分享，恭祝夏安！{: ...

{:4_180:}

杨帆发表于 2026-6-2 20:05

简洁的代码，漂亮的小播，精彩的效果{:4_190:}

马黑黑 发表于 2026-6-2 20:16

杨帆发表于 2026-6-2 20:05
简洁的代码，漂亮的小播，精彩的效果

{:4_180:}

小辣椒 发表于 2026-6-3 23:27

欣赏黑黑精彩的制作，现在是越来越会选图了{:4_199:}

马黑黑 发表于 2026-6-3 23:46

小辣椒发表于 2026-6-3 23:27
欣赏黑黑精彩的制作，现在是越来越会选图了

{:4_181:}

页: [1]

花潮论坛's Archiver

竹枝词