【作业贴】晨曦（学习黑师天女散珠加春分小播效果）

南无月 · 发表于 2023-6-3 21:24

本帖最后由马黑黑于 2024-2-19 17:59 编辑

南无月 · 发表于 2023-6-3 21:28

鱼儿发表于 2023-6-3 21:23
不断更，每天两集到18号

那可就太好了，

央八就是痛快

鱼儿 · 发表于 2023-6-3 21:32

南无月发表于 2023-6-3 21:28
那可就太好了，央八就是痛快

今天我还跟同事说比央一强，六一就断更，周末又断更了

南无月 · 发表于 2023-6-3 21:37

本帖最后由马黑黑于 2024-2-19 18:02 编辑

<style>
   #mydiv { margin: 0 0 0 calc(50% - 931px); 
   width: 1700px; 
   height: 900px;
   box-shadow: 0 0 12px gray; 
   background: url('https://pic.imgdb.cn/item/65509efbc458853aefbe97db.webp') no-repeat center/cover; 
   overflow: hidden; 
   z-index: 1; 
   position: relative; 
   display: grid; 
   place-items: center; 
   --state: running;
}

#mydiv > img { transform: translate(30px); mix-blend-mode: screen;opacity: .50;}
#vid {
    position: absolute;
    width: 60%;
    height: 110%;
    top:-60px;
    left:1px;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 2;
    opacity: .23;
}

</style>

<div id="mydiv"></div>
<audio id="aud" src="https://aimg8.dlssyht.cn/u/1786604/ueditor/file/894/1786604/1706799583501766.mp3" loop="loop" autoplay="autoplay"></audio>

<script>
   (function() {
    let js1 = 'https://638183.freep.cn/638183/web/api/meter_pinpu_lrc.js',
        js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.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, () => {
        let geci = [[0.26,"单曲：想你时风起",1.6], [1.86,"电视剧《我的人间烟火》回忆主题曲",0.9], [2.77,"歌手：单依纯",1.2], [3.93,"所属专辑：我的人间烟火 电视剧原声带",0.8], [4.72,"作词 : 赵大白",1.0], [5.75,"作曲 : 刘涛/李浩瑞/林晨阳",1.0], [6.74,"编曲 : 张宗炜",0.8], [7.58,"制作人 : 刘涛",1.1], [14.43,"如果离别是为了能再见一面",5.3], [21,"爱是想念后的抛物线",3.6], [26.03,"离开始 渐行渐远 和我们总是擦肩",5.8], [37.77,"这次再见如果是最后的一面",4.8], [44.01,"也是失眠后的分割线",3.6], [50.83,"春天已 开始落叶 七月里 也会下雪",3.9], [58.06,"刚刚我错过的大雨 握不住的盛夏 ",5.6], [61.45,"飘过的云是你吗 一圈又一圈",8.4], [71.08,"我多想是路过你的风 ",3.1], [74.79,"忍不住落回你眼中",3.3], [81.07,"凭什么绕不开 翻不过的盛夏",5.3], [87.96,"有些远方 ",1.2], [89.69,"让风代替我们抵达",3.0], [93.71,"没勇气说完的那句话 ",3.4], [97.08,"希望有人听过它",3.7], [129.09,"这次再见如果是最后的一面",5.1], [135.53,"也是失眠后的分割线",3.4], [140.04,"春天已 开始落叶 七月里 也会下雪",5.9], [150.02,"刚刚我错过的大雨 握不住的盛夏",5.5], [156.57,"飘过的云是你吗 一圈又一圈",4.6], [162.35,"我多想是路过你的风 ",3.3], [166.18,"忍不住落回你眼中",3.1], [173.04,"凭什么 绕不开翻不过的盛夏",4.6], [179.34,"有些远方 让风代替我们抵达",4.6], [185.07,"没勇气说完的那句话 ",4.1], [189.13,"希望有人听过它",4.5], [196.07,"让你听见风缓缓地 缓缓摇曳",5.2], [202.46,"时光卷起了回忆慢慢翩翩",4.0], [207.62,"让风替我说 说那句告别",4.4], [213.6,"在这个落叶像雪的季节",4.0], [218.57,"刚刚我错过的大雨 握不住的盛夏",5.6], [225.45,"飘过的云是你吗 一圈又一圈",4.3], [231.14,"我多想是路过你的风 ",2.9], [234.66,"忍不住落回你眼中",3.4], [241.03,"凭什么绕不开 翻不过的盛夏",5.3], [247.96,"有些远方 ",1.2], [249.79,"让风代替我们抵达",2.7], [253.61,"没勇气说完的那句话 ",3.4], [257.04,"希望有人听过它",4.3]];
        HCPlayer({
            papa: '#mydiv',
            lrcAr: geci,
            fs_css: 'left: 50px; bottom:50px; background: transparent;',
            lrc_css: `
                top: 10px;
                font-size: 20px;
                color: WhiteSmoke;
                --bg: linear-gradient(180deg, White, SlateGray);
                opacity: .26;
            `,
            player_css: `
                bottom: 10px;
                color: snow;
                z-index: 10;
            `,
            pinpu: { num: 40, width: 3, color: 'rgba(255,255,255,.5)' },
        });
    });

    loadJs(js2, () => {
        H5lz({
            papa: '#mydiv',
            total: 160,
            size: {width: 3, height: 2},
            shape: {background: '', borderRadius: '50%'},
            maxTime: 24,
            offset: {x: 0, y: 0},
            ani: 'out2C',
            css: 'opacity: .95; box-shadow: inset 0 0 8px #fff;',
        });
    });
})();

</script>