江南雨
<style>@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://upfile.mp3.wf/view.php/5de978e16561859ab0ed6a769f0ad8e8.jpg') no-repeat center/cover; color: white; }
.player { bottom: 10px; color: limegreen; }
#lrc { bottom: 60px; }
.btnFs { top: 25px; right: 20px; }
#msvg { position: absolute; bottom: 80px; width: 12vw; heighht: 12vw; transition: .65s; opacity: 1; }
</style>
<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/15653652/00/80/83/60d0445e4511e_10s_big.mp4" autoplay loop muted></video>
<svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 500 500">
<g id="g1" class="rot"><title>播放/暂停(Alt+X)</title></g>
</svg>
</div>
<script>
var options = {
pa: '.pa',
urls: [['https://upfile.mp3.wf/view.php/3be3a1dd373d98fbe61da7dd0b90ad5e.mp3', '江南雨']],
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谱得两岸花争丽\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.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>
欣赏明月老师带来的精彩播放器！
页:
[1]