东方神韵精选（一）

马黑黑 发表于 2026-6-8 12:16

马黑黑 发表于 2026-6-8 12:17

帖子代码

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/6/dfuy.jpg') no-repeat center/cover; color: yellow; }
.player { width: 480px; bottom: 10px; }
.btnFs { top: 25px; right: 20px; }
.pd-vid { opacity: 1; mix-blend-mode: screen; mask: linear-gradient(180deg, transparent 80%, red); -webkit-mask: linear-gradient(180deg, transparent 60%, red); }
#lrc { top: 4%; }
#msvg { position: absolute; width: 12vw; heighht: 12vw; top: 10%; transition: .75s; opacity: 1; }
</style>

<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/2418175/00/01/35/5b417f2f00d28.mp4" autoplay loop muted></video>
<svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
   <title>播放/暂停(Alt+X)</title>
   <defs>
   <linearGradient id="grd" x1="0" x2="0" y1="0" y2="1">
   <stop offset="0%" stop-color="yellow"></stop>
   <stop offset="50%" stop-color="orange"></stop>
   <stop offset="100" stop-color="teal"></stop>
   </linearGradient>
   </defs>
   <g id="g1" class="rotate"></g>
</svg>
</div>

<script>
var options = {
   pa: '.pa',
   urls: [
         ['https://music.163.com/song/media/outer/url?id=5275046', '深山幽谷-中音笙/二胡'],
         ['https://music.163.com/song/media/outer/url?id=5275047', '小桥流水-古筝/琵琶'],
         ['https://music.163.com/song/media/outer/url?id=5275048', '静与动-洞箫/二胡'],
         ['https://music.163.com/song/media/outer/url?id=5275049', '天上人间-排萧'],
         ['https://music.163.com/song/media/outer/url?id=5275050', '春风又回头-二胡/中音笙'],
         ['https://music.163.com/song/media/outer/url?id=5275051', '云彩浮半空-女声/中音笙'],
         ['https://music.163.com/song/media/outer/url?id=5275052', '潺潺流水-古筝/竹笛'],
         ['https://music.163.com/song/media/outer/url?id=5275053', '牵引-二胡/扬琴'],
         ['https://music.163.com/song/media/outer/url?id=5275054', '听音-中音笙/琵琶'],
         ['https://music.163.com/song/media/outer/url?id=5275055', '秋水如梦-二胡/扬琴']
   ],
   btns:
};

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

function tzRun() {
   var aud = new AudPlayer(options);
   var dr = _dr(msvg);
   dr.path('M-40 -190 A90 300, 0 0 0, 40 -190 L0 0Z', 'url(#grd)', 'lightgreen', 4).addTo(g1).rotates(8);
}

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-8 12:25

这图图真漂亮！小三角隐藏了10首音乐，黑黑老师厉害！{:4_187:}

杨帆发表于 2026-6-8 13:34

视听盛宴，匠心之作，感谢示范{:4_190:}

霜染枫丹 发表于 2026-6-8 19:50

马老师晚上好~~

值得好好收藏的好帖，乐曲好听，下载留存。感谢分享，辛苦了。祝安好！{:4_204:}{:4_190:}

红影发表于 2026-6-8 20:26

这组曲子真好听，制作也好美，很赞{:4_199:}

马黑黑 发表于 2026-6-8 20:46

梦江南发表于 2026-6-8 12:25
这图图真漂亮！小三角隐藏了10首音乐，黑黑老师厉害！

audioplayer.js 已经推出一段时间了，只要是多曲帖子，一直是有小三角指示按钮的

马黑黑 发表于 2026-6-8 20:47

杨帆发表于 2026-6-8 13:34
视听盛宴，匠心之作，感谢示范

感谢支持
{:4_180:}

马黑黑 发表于 2026-6-8 20:47

霜染枫丹发表于 2026-6-8 19:50
马老师晚上好~~

值得好好收藏的好帖，乐曲好听，下载留存。感谢分享，辛苦了。祝安好！{:4_190 ...

客气客气

马黑黑 发表于 2026-6-8 20:47

红影发表于 2026-6-8 20:26
这组曲子真好听，制作也好美，很赞
音乐确实非同凡响

红影发表于 2026-6-12 23:28

马黑黑发表于 2026-6-8 20:47
音乐确实非同凡响

很容易牵引人的思绪，让人沉浸在音乐里。

马黑黑 发表于 2026-6-13 08:01

红影发表于 2026-6-12 23:28
很容易牵引人的思绪，让人沉浸在音乐里。

挺不错的样纸

红影发表于 2026-6-13 12:33

马黑黑发表于 2026-6-13 08:01
挺不错的样纸

这就是音乐的魅力，会让人不自觉沉入其中。

马黑黑 发表于 2026-6-13 13:43

红影发表于 2026-6-13 12:33
这就是音乐的魅力，会让人不自觉沉入其中。

是的，音乐是有力量的

红影发表于 2026-6-13 22:18

马黑黑发表于 2026-6-13 13:43
是的，音乐是有力量的

一组好的音乐还让力量叠加了{:4_204:}

小辣椒 发表于 2026-6-13 22:24

黑黑这个播放器就是我看见梦江南那个制作的，但我用了其他音乐连接不能按顺序播放

小辣椒 发表于 2026-6-13 22:25

也是不知道我错在那里了，做了一半就阁着了

马黑黑 发表于 2026-6-13 22:54

小辣椒发表于 2026-6-13 22:24
黑黑这个播放器就是我看见梦江南那个制作的，但我用了其他音乐连接不能按顺序播放

播放不按顺序，随机

马黑黑 发表于 2026-6-13 22:55

小辣椒发表于 2026-6-13 22:25
也是不知道我错在那里了，做了一半就阁着了

随机播放，可点击列表播放指定歌曲，可点击左右箭头播放上、下一首

马黑黑 发表于 2026-6-13 22:55

红影发表于 2026-6-13 22:18
一组好的音乐还让力量叠加了

有这么一回事

页: [1] 2

花潮论坛's Archiver

东方神韵精选（一）