祝贺子露芳辰（10.27）
<style>#mydiv {
margin: 80px 0 0 calc(50% - 593px);
width: 1024px;
height: 616px;
box-shadow: 8px 8px 16px #000;
overflow: hidden;
position: relative;
display: grid;
place-items: center;
}
#btnPlay { filter: hue-rotate(260deg); }
#vid { position: absolute; width: 100%; height: 100%;object-fit: cover; pointer-events: none;z-index: 0; opacity: 1; }
</style>
<div id="mydiv">
<video id="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/974da14c10fdba8ae9fa170e3f270a69_preview.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1927824816" autoplay loop></audio>
</div>
<script>
(function() {
let lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
];
let js1 = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
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();
};
loadJs(js1, () => {
HCPlayer({
papa: '#mydiv',
lrcAr: lrcAr,
lrc_css: 'top: 20px; left: 30px;--bg: linear-gradient(rgba(214,21,0,.35),rgba(245,241,0,.7)); color: rgb(255, 244, 173);',
fs_css: 'left: -200px; background: transparent;',
player_css: 'width: 200px; height: 160px; left: 230px; bottom: 50px; ',
path: 'm45.715448,40.950395l-9.856395,0c-2.722829,0 -4.928197,2.195425 -4.928197,4.905978l0,44.153799l19.71279,0l0,-44.153799c0,-2.710553 -2.205368,-4.905978 -4.928197,-4.905978zm29.569185,0l-9.856395,0c-2.722829,0 -4.928197,2.195425 -4.928197,4.905978l0,44.153799l19.71279,0l0,-44.153799c0,-2.710553 -2.205368,-4.905978 -4.928197,-4.905978zm59.138369,0l-9.856395,0c-2.722829,0 -4.928197,2.195425 -4.928197,4.905978l0,44.153799l19.71279,0l0,-44.153799c0,-2.710553 -2.205368,-4.905978 -4.928197,-4.905978zm29.569185,0l-9.856395,0c-2.722829,0 -4.928197,2.195425 -4.928197,4.905978l0,44.153799l19.71279,0l0,-44.153799c0,-2.710553 -2.205368,-4.905978 -4.928197,-4.905978zm24.640987,-9.811955c5.442578,0 9.856395,-4.393916 9.856395,-9.811955s-9.856395,-19.623911 -9.856395,-19.623911s-9.856395,14.205872 -9.856395,19.623911s4.413817,9.811955 9.856395,9.811955zm-29.569185,0c5.442578,0 9.856395,-4.393916 9.856395,-9.811955s-9.856395,-19.623911 -9.856395,-19.623911s-9.856395,14.205872 -9.856395,19.623911s4.413817,9.811955 9.856395,9.811955zm-29.569185,0c5.442578,0 9.856395,-4.393916 9.856395,-9.811955s-9.856395,-19.623911 -9.856395,-19.623911s-9.856395,14.205872 -9.856395,19.623911s4.413817,9.811955 9.856395,9.811955zm-29.569185,0c5.442578,0 9.856395,-4.393916 9.856395,-9.811955s-9.856395,-19.623911 -9.856395,-19.623911s-9.856395,14.205872 -9.856395,19.623911s4.413817,9.811955 9.856395,9.811955zm-29.569185,0c5.442578,0 9.856395,-4.393916 9.856395,-9.811955s-9.856395,-19.623911 -9.856395,-19.623911s-9.856395,14.205872 -9.856395,19.623911s4.413817,9.811955 9.856395,9.811955zm-29.569185,0c5.442578,0 9.856395,-4.393916 9.856395,-9.811955s-9.856395,-19.623911 -9.856395,-19.623911s-9.856395,14.205872 -9.856395,19.623911s4.413817,9.811955 9.856395,9.811955zm-29.569185,0c5.442578,0 9.856395,-4.393916 9.856395,-9.811955s-9.856395,-19.623911 -9.856395,-19.623911s-9.856395,14.205872 -9.856395,19.623911s4.413817,9.811955 9.856395,9.811955zm167.558713,58.871732c0,5.418039 -4.413817,9.811955 -9.856395,9.811955l-59.138369,0l0,-53.965754c0,-2.710553 -2.205368,-4.905978 -4.928197,-4.905978l-9.856395,0c-2.722829,0 -4.928197,2.195425 -4.928197,4.905978l0,53.965754l-59.138369,0c-5.442578,0 -9.856395,-4.393916 -9.856395,-9.811955l0,-44.153799c0,-2.710553 -2.205368,-4.905978 -4.928197,-4.905978l-9.856395,0c-2.722829,0 -4.928197,2.195425 -4.928197,4.905978l0,44.153799c0,16.257183 13.23837,29.435866 29.569185,29.435866l59.138369,0l0,19.623911l-54.210172,0c-2.722829,0 -4.928197,2.195425 -4.928197,4.905978l0,9.811955c0,2.710553 2.205368,4.905978 4.928197,4.905978l128.133134,0c2.722829,0 4.928197,-2.195425 4.928197,-4.905978l0,-9.811955c0,-2.710553 -2.205368,-4.905978 -4.928197,-4.905978l-54.210172,0l0,-19.623911l59.138369,0c16.330814,0 29.569185,-13.178682 29.569185,-29.435866l0,-44.153799c0,-2.710553 -2.205368,-4.905978 -4.928197,-4.905978l-9.856395,0c-2.722829,0 -4.928197,2.195425 -4.928197,4.905978l0,44.153799z',
btn: {left: 36, top: 94},
track: {track: '#f4fd05', prog: '#fb0925'},
img: {play: '', pause: ''}
});
});
loadJs(js2, () => {
H5lz({
papa: '#mydiv',
total: 6,
size: {width: 20, height: 24},
shape: {background:'url("https://www.huachaowang.com/static/image/smiley/hcbiaoqing2/105.gif") no-repeat center/cover', borderRadius: '0'},
ani: 'toRight',
maxTime: 30,
offset: {x: 0, y: -200},
});
});
})();
</script> @子露刚知道你的生日，赶紧做个小礼相送。祝你生日快乐，幸福美满，芳龄永驻{:4_187:} 谢谢@马黑黑 的代码，继续学个路径{:4_187:} 谢谢@亦是金 提供的找路径方法，在那里找了的个蜡烛路径，没想到。也跟着学个用论坛表情做粒子{:4_173:} 今天的日子比较特殊，去找音乐无法找。去祝福礼堂找了个@小辣椒 曾用过的音乐，谢谢了{:4_204:} 醉美水芙蓉 发表于 2023-10-28 06:54
欣赏红影佳作！
问好水芙蓉美女，跟水芙蓉美女一起祝福{:4_204:} 谢谢红影姐姐， 祝贺子露芳辰{:4_194:} 红影 发表于 2023-10-27 22:57
谢谢@马黑黑 的代码，继续学个路径
这是多重路径了，好看，控制性不好 祝朋友生日快乐！同时欣赏佳作。{:4_187:} 红影管理员你太厉害了，美极了的制作{:4_199:} 子露 发表于 2023-10-28 08:41
谢谢红影姐姐，
借美帖祝生日快乐{:4_204:} 子露 发表于 2023-10-28 08:41
谢谢红影姐姐，
抱抱子露，生日快乐{:4_179:} 马黑黑 发表于 2023-10-28 10:35
这是多重路径了，好看，控制性不好
是的，看不出进度到什么程度了。 非常开心 发表于 2023-10-28 09:19
祝贺子露芳辰
谢谢，一起祝福{:4_187:} 焱鑫磊 发表于 2023-10-28 10:42
祝朋友生日快乐！同时欣赏佳作。
谢谢焱鑫磊，一起祝福{:4_187:} 世外桃源 发表于 2023-10-28 12:24
红影管理员你太厉害了，美极了的制作
跟世外桃源一起祝福{:4_187:} 亲爱的，精美的制作，蜡烛路径新颖别致，漂亮{:4_199:} 子露 发表于 2023-10-28 08:41
谢谢红影姐姐，
子露生日快乐！{:4_177:}