朵拉 发表于 2024-5-16 20:23

Unknown(马黑黑原创)

本帖最后由 朵拉 于 2024-5-16 20:58 编辑 <br /><br /><style>
    #papa { margin: 20px 0 20px calc(50% - 581px); width: 1000px; height: 600px; background: lightblue; box-shadow: 3px 3px 6px gray; z-index: 1; overflow: hidden; user-select: none; display: grid; place-items: center; position: relative; }
    .vid { position: absolute; width: 100%; height: 100%; object-fit: cover; }
    .vid:nth-of-type(2) { mix-blend-mode: screen; }
    .vid:nth-of-type(3) { width: 160px; height: 160px; right: 0; top: 0; border-radius: 50% 0 50% 50%; cursor: pointer; }
</style>

<div id="papa">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2127866027" autoplay loop></audio>
    <video class="vid" src="https://img.tukuppt.com/video_show/15653652/01/33/69/62f0d6e506540.mp4" poster="https://638183.freep.cn/638183/t23/1/qbui.jpg" disablePictureInPicture loop muted></video>
    <video class="vid" src="https://img.tukuppt.com/video_show/2418175/00/18/65/5eef9970142b6.mp4" disablePictureInPicture loop muted></video>
    <video class="vid" id="player" src="https://img.tukuppt.com/video_show/2475824/00/08/39/5d21bd8878094.mp4" poster="https://638183.freep.cn/638183/small/f01.png" title="播放/暂停" disablePictureInPicture loop muted></video>
</div>

<script>
    var sF = document.createElement('script');
    sF.charset = 'UTF-8';
    sF.src = 'https://638183.freep.cn/638183/web/js2024/lrc_only.js';
    document.body.appendChild(sF);
    sF.onload = () => {
      LRC({
            papa: '#papa',
            lrc_css: 'top: 20px; color: lightblue; --bg: linear-gradient(rgba(0,0,800,.2), rgba(0,0,800,.6))',
            lrcAr: geci
      });
      aud.onplaying = aud.onpause = () => mState();
      player.onclick = () => aud.paused ? aud.play() : aud.pause();
    };
    var mState = () => {
      let vids = papa.querySelectorAll('video');
      vids.forEach(vid => aud.paused ? vid.pause() : vid.play());
      papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
    };
    papa.oncontextmenu = (e) => e.preventDefault();
    var geci = [        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
</script>

朵拉 发表于 2024-5-16 21:00

今天葛格第一次在上海直播活动,
用他的歌纪念一下,欧耶~~{:4_204:}

朵拉 发表于 2024-5-16 21:00

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

马黑黑 发表于 2024-5-16 21:01

朵拉 发表于 2024-5-16 21:00
@马黑黑
老师 晚上好,学生交作业,请指正哈

{:4_187:}

红影 发表于 2024-5-16 22:32

这个也用了灯光人呢,漂亮{:4_204:}
页: [1]
查看完整版本: Unknown(马黑黑原创)