朵拉 发表于 2024-6-7 21:29

风月错（马黑黑原创）

本帖最后由 朵拉 于 2024-6-7 22:12 编辑 <br /><br /><style>
      #tiezi { margin: 20px 0 20px calc(50% - 593px);width: 1024px; height: 640px; background: url('https://pic.imgdb.cn/item/66630e725e6d1bfa05593119.jpg') no-repeat center/cover; overflow: hidden; box-shadow: 3px 3px 6px gray; position: relative; }
      #tiezi:hover .vid { opacity: 0.15; }
      #player { position: absolute; bottom: 0; }
      #lrc { position: absolute; top: 15px; }
      .vid { position: absolute; bottom: 0; width: 100%; height: calc(100% + 60px); object-fit: cover; mix-blend-mode: overlay; transition: 2s; pointer-events: none; }
</style>

<div id="tiezi">
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2043309046" autoplay loop></audio>
      <video class="vid" src="https://img.tukuppt.com/video_show/2402760/00/01/64/5b4744b57baf0.mp4" loop muted></video>
      <canvas id="player" width="1000" height="80"></canvas>
      <canvas id="lrc" width="800" height="50"></canvas>
</div>

<script>
      var sF = document.createElement('script');
      sF.charset = 'utf-8';
      sF.src = 'https://638183.freep.cn/638183/web/js2024/canv_lineprog_518.js';
      document.body.appendChild(sF);
      var colors = {track: 'snow', prog: 'cyan', lrc1: 'yellow', lrc2: 'cyan'};
      let lrcAr = [
      ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
</script>

朵拉 发表于 2024-6-7 22:13

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

红影 发表于 2024-6-7 22:49

漂亮，欣赏朵宝好帖{:4_187:}

马黑黑 发表于 2024-6-7 22:55

{:4_199:}
页: [1]
查看完整版本: 风月错（马黑黑原创）