【作业贴】晨曦（学习黑师天女散珠加春分小播效果） - 第2页 - 马黑黑教程专版 - 花潮论坛

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

本帖最后由马黑黑于 2024-2-19 17:59 编辑 <br /><br /><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 = [, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ];
   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>

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

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

那可就太好了，{:4_170:}央八就是痛快

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

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

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

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

本帖最后由马黑黑于 2024-2-19 18:02 编辑 <br /><br /><div class="mum"><pre>
<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 = [, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ];
   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>
</pre></div>

<script>
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js/colorcode.js';
document.querySelector('body').appendChild(sF);
</script>

鱼儿发表于 2023-6-3 21:42

本帖最后由鱼儿于 2023-6-3 23:39 编辑

南无月发表于 2023-6-3 21:37
央一大忙人儿，要管的事儿太多了。
我同事...

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

本帖最后由南无月于 2023-6-3 22:47 编辑

鱼儿发表于 2023-6-3 21:42
我同事...

机顶盒调好到央八让它放。。。可以把电视关了啊。。它只是个播出显示器。。显不显又不跑家里看。。。

鱼儿发表于 2023-6-3 21:49

本帖最后由鱼儿于 2023-6-18 14:37 编辑

你说得对，我都没想到，明天我告诉她

红影发表于 2023-6-3 22:42

南无月发表于 2023-6-3 21:20
有影子一直鼓励，开心

发现我回帖里打错了好几个字{:4_173:}

樵歌发表于 2023-6-4 19:46

南无月发表于 2023-6-3 21:22
谢谢临贴支持

肯定支持{:4_189:}

马黑黑 发表于 2023-6-4 19:58

南无月发表于 2023-6-3 21:23
得老师肯定最开心了

应该的，必须的

南无月 发表于 2023-6-4 21:39

红影发表于 2023-6-3 22:42
发现我回帖里打错了好几个字

珠子，同音字，看得懂的{:4_173:}{:4_183:}

南无月 发表于 2023-6-4 21:39

樵歌发表于 2023-6-4 19:46
肯定支持

再次感谢{:4_187:}

南无月 发表于 2023-6-4 21:40

马黑黑发表于 2023-6-4 19:58
应该的，必须的

报告老师，我完成了一个新贴子{:4_173:}

南无月 发表于 2023-6-4 21:55

鱼儿发表于 2023-6-3 21:49
你说得对，我都没想到，明天我告诉她

我今晚有事回来晚，没跟上看腾讯最新两集。。
明天争取看四集{:4_170:}

马黑黑 发表于 2023-6-4 21:56

南无月发表于 2023-6-4 21:40
报告老师，我完成了一个新贴子

很不错

南无月 发表于 2023-6-4 21:59

马黑黑发表于 2023-6-4 21:56
很不错

{:4_170:}

马黑黑 发表于 2023-6-4 22:02

南无月发表于 2023-6-4 21:59

{:4_190:}

小文发表于 2023-6-4 22:42

漂亮

红影发表于 2023-6-4 23:18

南无月发表于 2023-6-4 21:39
珠子，同音字，看得懂的

一不小心就错字，我太迷糊了{:4_173:}

鱼儿发表于 2023-6-5 09:36

南无月发表于 2023-6-4 21:55
我今晚有事回来晚，没跟上看腾讯最新两集。。
明天争取看四集

这两集对小惠刮目相看啊

页: 1 [2] 3 4 5 6

花潮论坛's Archiver