朵拉 发表于 2024-11-29 10:02

无名的人（学习马黑黑爱无赦效果）

<style>
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css?v=1.1';
        #ma { margin: 30px 0 30px calc(50% - 593px); width: 1000px; height: 600px; background: url('https://pic.imgdb.cn/item/674898e7d0e0a243d4da80a5.jpg') no-repeat center/cover; position: relative; }
       
        #vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
        #mplayer { position: absolute; bottom: 20px; left: 120px; }
        #mplayer text { fill: silver; }
        #mplayer circle { opacity: .7; }
        #mplayer use { fill: #eee; }
        #lrc { top: 20px; }
        #fsbtn { bottom: 20px; }
</style>

<div id="ma" class="pa">
        <audio id="aud" src="https://www.kumeiwp.com/wj/223653/2024/10/17/9be8115c269287e646332bced48b1019.mp3" autoplay="" loop=""></audio>
        <video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/04/01/53/11/video636400070365e.mp4" autoplay loop muted></video>
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
       
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/circle_lrc.js';

var gcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

hcplay(ma, gcAr);
fscreen.fs('ma', 'fsbtn');

</script>

朵拉 发表于 2024-11-29 10:05

@马黑黑
老师好，学生交作业，请指正哈{:4_190:}

梦油 发表于 2024-11-29 16:33

欣赏佳作，问候朵拉。

红影 发表于 2024-11-29 17:55

漂亮，朵宝做的是有歌词的。
欣赏朵宝好帖{:4_204:}

红影 发表于 2024-11-29 17:56

歌词同步好像没做微调吧，看到变色不能跟上呢。{:4_204:}
颜色也需要调一下呢。

马黑黑 发表于 2024-11-29 20:39

{:4_199:}
页: [1]
查看完整版本: 无名的人（学习马黑黑爱无赦效果）