《姑娘我爱你》 - 男女声对唱
<meta charset="UTF-8"><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1969237">
<div style="width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -310px;">
<style>
#papa {
margin: ; width: 1200px; height: 700px;top:-80px; LEFT: 0px;background: url('https://ysj147.s3-us-east-1.ossfiles.com/zzsc/gif/231024a.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
</style>
<div style="position: relative; width: 500px; height: 50px; top:650px;LEFT: 1000px;z-index: 100; filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:24px;">亦是金在线音乐</span></span></span></p></div>
<style type="text/css">
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
body { overflow-x: hidden; }
#baiBox {
margin: auto;
width: 800px;
text-align: center;
font-family:微软简中圆;
font-size: 2.5rem;
font-weight: bold;
color: #f46ff6;
transform-origin: top;
animation: yao 1.0s linear infinite alternate;
}
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
.tit { position: relative;width: 300px;height: 30px;top: -10px;LEFT: -400px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/
</style>
<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:30px;">《姑娘我爱你》 </span>
<span style="color:#3d46f7;"><span style="font-size:22px;"> - 男女声对唱</span></div>
</style>
<div id="papa">
<audio id="aud" src="https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0210.mp3" autoplay loop></audio>
</div>
<script>
(function() {
let loadJs = (url,callback) => {
let body = document.querySelector('body'), jsNode = document.createElement('script');
jsNode.charset = 'utf-8';
jsNode.setAttribute('src', url);
body.appendChild(jsNode);
jsNode.onload = () => callback();
};
let rippleJs = 'https://638183.freep.cn/638183/web/svg/ripple-min.js',
js1 = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/svg_path_lrcysj.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
let lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
loadJs(rippleJs, () => rippleEffect(papa));
loadJs(js1, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: 'bottom: 20px; --bg: linear-gradient(rgba(255,140,240,.35),rgba(250,90,220,.7)); color: #eee;',
fs_css: 'transform: translate(0,-35px); background: transparent;',
player_css: 'width: 250px; height: 360px;top: 35%; left: 75%; ',
path: 'm117.26389,3c-46.54901,0 -84.26389,36.81973 -84.26389,82.26389s37.71489,82.26389 84.26389,82.26389s84.26389,-36.81973 84.26389,-82.26389s-37.71489,-82.26389 -84.26389,-82.26389zm-53.54835,58.24814c2.27648,-5.83808 9.07196,-8.85664 15.25584,-7.26443l2.41239,0.63025l0.67955,-2.35514c1.69887,-6.00394 7.74684,-10.24982 14.10061,-9.25469c7.27116,1.12781 11.68822,8.02736 9.78548,14.76106l-6.59161,23.18648c-0.40773,1.49269 -2.00467,2.38831 -3.56762,1.99026l-23.85212,-6.03711c-6.93138,-1.79123 -10.83878,-8.95615 -8.22253,-15.65668zm53.54835,82.39657c-20.59029,0 -45.69957,-12.70446 -48.85947,-30.94847c-0.67955,-3.91417 3.12592,-7.13175 7.03332,-5.9376c10.26117,3.21758 25.51701,5.04198 41.82615,5.04198s31.56498,-1.8244 41.82615,-5.04198c3.87342,-1.19415 7.67889,2.02343 7.03332,5.9376c-3.1599,18.24401 -28.26918,30.94847 -48.85947,30.94847zm45.32582,-66.77307l-23.85212,6.03711c-1.52898,0.39805 -3.12592,-0.49756 -3.56762,-1.99026l-6.59161,-23.18648c-1.90273,-6.7337 2.51433,-13.63325 9.78548,-14.76106c6.31979,-0.99513 12.36777,3.25075 14.10061,9.25469l0.67955,2.35514l2.41239,-0.63025c6.18388,-1.55903 12.97936,1.42635 15.25584,7.26443c2.61626,6.7337 -1.29114,13.89862 -8.22253,15.65668z',
btn: {left: 34, top: 20},
track: {track: '#ebfa47', prog: '#fc78e8'},
img: {play: 'https://pic.imgdb.cn/item/65212a5ac458853aef566925.png', pause: 'https://pic.imgdb.cn/item/65212a6bc458853aef566b8e.png'}
});
});
loadJs(js2, () => {
H5lz({
papa: '#papa',
total: 7,
size: {width: 30, height: 30},
shape: {background: 'url("https://www.huachaowang.com/static/image/smiley/hcbiaoqing2/105.gif") no-repeat center/cover', borderRadius: '0'},
ani: 'toBottom',
maxTime: 30,
offset: {x: -100, y: 0},
});
});
})();
</script>
</td></tr></table> 欣赏欣赏{:4_199:} 赞美一下 {:4_199:}{:4_199:}{:4_199:} 又是个漂亮的笑脸，眼睛里还有两颗心形呢。很漂亮的播放器路径{:4_199:} 全屏也很漂亮。欣赏亦是金老师好帖{:4_199:} 被亦是金老师引的，我也想赶紧选个图形去做路径了{:4_173:} 世外桃源 发表于 2023-10-24 12:57
欣赏欣赏
问好！{:4_176:} 世外桃源 发表于 2023-10-24 12:57
赞美一下
谢谢欣赏！谢谢点赞！{:4_199:} 世外桃源 发表于 2023-10-24 13:02
谢谢！祝你欣赏愉快！{:4_190:} 红影 发表于 2023-10-24 13:22
又是个漂亮的笑脸，眼睛里还有两颗心形呢。很漂亮的播放器路径
问好红影！谢谢夸奖！{:4_187:} 红影 发表于 2023-10-24 13:23
全屏也很漂亮。欣赏亦是金老师好帖
谢谢！{:4_187:} 亦是金 发表于 2023-10-24 13:28
问好红影！谢谢夸奖！
这个路径和歌曲很相配，正好呢{:4_187:} 亦是金 发表于 2023-10-24 13:28
谢谢！
问好亦是金老师，再赏好帖{:4_187:} 红影 发表于 2023-10-24 15:12
这个路径和歌曲很相配，正好呢
谢谢夸奖！{:4_187:}我是按笑脸来找歌曲，再配上背景的！ 红影 发表于 2023-10-24 15:13
问好亦是金老师，再赏好帖
谢谢！{:4_187:} 亦是金 发表于 2023-10-24 15:33
谢谢夸奖！我是按笑脸来找歌曲，再配上背景的！
哦，倒过来找歌曲，也挺好。貌似我也这样干过{:4_173:} 亦是金 发表于 2023-10-24 15:33
谢谢！
不客气啊，问好亦是金老师{:4_187:} 亦是金真强悍的，又一个笑脸路径{:4_178:} 欣赏亦是金的好制作，精彩纷呈，佳作不断{:4_199:}
页:
[1]
2