維也納新年音樂會 帖赠：岁月贺生辰
<style>@import 'https://638183.freep.cn/638183/web/mod/mp3splayer.css?v=1';
#tz { margin: 150px 0 30px calc(50% - 720px);width: 1276px;height: 868px; background: url('https://wj.zp68.com/lxx/yunhua/2025/02/28/IF.jpg') no-repeat center/cover; overflow: hidden; }
#mplayer { --yy: -350px; background: rgba(0,125,125,.9); --color1: white; --color2: yellow;top: 230px; background: #222; }
#mplayer img { filter: invert(100%); }
#fsbtn { bottom: 15px; color: white; }
</style>
<div id="tz" class="pa">
<img class="dynpic" src="https://wj.zp68.com/lxx/yunhua/2025/02/28/IF.gif" alt="" style="left: 0px; top: 0px;width:100%;">
<img class="dynpic" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg " alt=""style="position: absolute; width:32px; height: 32px; top: 120px; left: 100px;"/>
<img class="dynpic" src="https://wj.zp68.com/lxx/yunhua/2025/02/28/hual.gif" alt="" style="position: absolute; width: 171px; height: 210px; top: 73%; left: 3%; "/>
<img class="dynpic" src="https://xlaj.cn/upfile/202410/13/lanhd.gif" alt="" style=" position: absolute; width: 40px;height: 32px;top: 320px;left: 20%;"/>
<img class="dynpic" src="https://xlaj.cn/upfile/202410/13/hd.gif" alt="" style=" position: absolute; width: 40px;height: 32px;top: 360px;left: 80%;"/>
<img class="dynpic" src="https://wj.zp68.com/lxx/yunhua/2025/03/05/bt.png" alt="" style=" position: absolute; width: 300px;height: 113px;top: 20%;left: 70%;"/>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3splayer.js?v=1';
//------------------------------------------------------------------------------------------------------
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d=k||e(c);k=}];e=function(){return'\\w+'};c=1;};while(c--)if(k)p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k);return p;}('6(\'d\'n c.a(\'2\')){j.l.q=b(){6(1.7){1.7.h.p(1.7);1.7=o;1.3.i=\'\'}6(1.9){1.8=1.9}};j.l.m=b(){g 2=c.a(\'2\');g 4=1.4,5=1.5;6(4&5){6(!1.9){1.9=1.8}2.4=4;2.5=5;2.3.k=1.3.k;2.3.f=1.3.f;2.d(\'z\').y(1,0,0,4,5);x{1.8=2.A("B/t")}s(e){1.r(\'8\');2.3.w=\'v\';1.h.u(2,1);1.3.i=\'0\';1.7=2}}}}',38,38,'|this|canvas|style|width|height|if|storeCanvas|src|storeUrl|createElement|function|document|getContext||top|var|parentElement|opacity|HTMLImageElement|left|prototype|stop|in|null|removeChild|play|removeAttribute|catch|gif|insertBefore|absolute|position|try|drawImage|2d|toDataURL|image'.split('|'),0,{}))
//------------------------------------------------------------------------------------------------------
var musics = [
['https://wj.zp68.com/lxx/yunhua/2025/03/05/01.mp3','UNO - Marsch - Mariss Jansons'],
['https://wj.zp68.com/lxx/yunhua/2025/03/05/04.mp3','Vergnügungszug. Polka schnell. Op. 281 - Mariss Jansons.'],
['https://wj.zp68.com/lxx/yunhua/2025/03/05/06.mp3','Mit Extrapost. Polka schnell. Op. 259 - Mariss Jansons'],
['https://wj.zp68.com/lxx/yunhua/2025/03/05/10.mp3','Sängerslust. Polka française. Op. 328 - Mariss Jansons'],
['https://wj.zp68.com/lxx/yunhua/2025/03/05/22.mp3','Radetzky-Marsch. Op. 228 - Mariss Jansons'],
['https://wj.zp68.com/lxx/yunhua/2025/03/05/11.mp3','Auf Ferienreisen. Polka schnell. Op. 133 - Mariss Jansons'],
];
hcplay(tz,null,musics);
//------------------------------------------------------------------------------------------------------
let dynPics = document.querySelectorAll('.dynpic');
let dpState = (bool) => {
dynPics.forEach(pic => {
bool ? pic.play() : pic.stop();
});
}
aud.addEventListener('play', () => dpState(true));
aud.addEventListener('pause', () => dpState(false));
//------------------------------------------------------------------------------------------------------
</script> 贺岁月生日快乐，永远年轻帅帅{:4_205:} @马黑黑
小辣椒学习玩一个（多曲模块更新测试播放器） 这个设计很精妙，非常赞 马黑黑 发表于 2025-3-4 22:44
这个设计很精妙，非常赞
黑黑晚上好，这个播放器就是列表宽度我修改不了，維也納新年音樂會的音乐名称都很长，不能名称全部出来，上传音乐也是，名称都上去播放器就不能出来了，所以我干脆去了一些名称，反正就是听音乐{:4_189:} 小辣椒 发表于 2025-3-4 23:01
黑黑晚上好，这个播放器就是列表宽度我修改不了，維也納新年音樂會的音乐名称都很长，不能名称全部出来， ...
音乐列表的宽度随播放条的宽度，但条目被限制了宽度，长歌名显示不完用省略号表示，鼠标指针移上去时会出现全名 哇塞，小辣椒专门为岁月生日开了一个著名音乐会。全是洋歌，我只知道一首的名字拉德斯基进行曲。
祝岁月生日快乐！ 本帖最后由 梦油 于 2025-3-5 07:27 编辑
哦！这么贵重的贺礼啊！梦油借这贵重的贺礼，祝福岁月朋友生日快乐、幸福安康！ 哇，这么隆重高贵格的生日音乐宴会，岁月老师快来啊！{:4_187:} 祝岁月老师生日快乐！{:4_177:} 音乐盛宴 好制作，祝岁月老师生日快乐{:4_204:} 辣椒把乐队找来了啊{:4_189:}同祝岁月生日快乐 小辣椒这个贺帖我喜欢，特别这維也納新年音樂會 ，气势宏伟，还是现场的{:4_178:} 岁月生日快乐！{:4_187:} 马黑黑 发表于 2025-3-4 23:32
音乐列表的宽度随播放条的宽度，但条目被限制了宽度，长歌名显示不完用省略号表示，鼠标指针移上去时会出 ...
这个我测试的时候已经发现，但歌曲名称长不行音乐不会出来，后来为1干脆换了01 02 03.。。。怕歌曲名称长也是不能出来就截短了，后面我把名称修改上去看看 小辣椒 发表于 2025-3-6 21:19
这个我测试的时候已经发现，但歌曲名称长不行音乐不会出来，后来为1干脆换了01 02 03.。。。怕歌曲名称长 ...
理论上音乐文件名的长度不同操作系统是有规定的，尤其是上传空间。不建议文件名太长。 马黑黑 发表于 2025-3-4 23:32
音乐列表的宽度随播放条的宽度，但条目被限制了宽度，长歌名显示不完用省略号表示，鼠标指针移上去时会出 ...
修改了，现在鼠标点击后出来歌曲名称了，音乐全称上去还是不行，太长了，直接01.MP3
马黑黑 发表于 2025-3-6 21:23
理论上音乐文件名的长度不同操作系统是有规定的，尤其是上传空间。不建议文件名太长。
是的，音乐直接就数字了 小辣椒 发表于 2025-3-6 21:27
是的，音乐直接就数字了
都行，不过还是不建议使用中文名，可能会出现url上的乱码 樵歌 发表于 2025-3-5 07:00
哇塞，小辣椒专门为岁月生日开了一个著名音乐会。全是洋歌，我只知道一首的名字拉德斯基进行曲。
祝岁月生 ...
瞧哥哥这个音乐会是现场版的效果杠杠的{:4_189:}