【简静音画】瞬间（致：雨声碧海蓝天）

花简静 · 发表于 2023-11-20 19:28

花简静 · 发表于 2023-11-20 19:31

本帖最后由花简静于 2024-2-19 20:04 编辑

<style>
#mydiv { 
        margin: 0 0 0 calc(50% - 881px); 
        display: grid; 
        place-items: center; 
        width: 1600px; 
        height: 852px;
        top:130px; 
        background: lightblue url('https://s1.ax1x.com/2023/08/02/pPPboIU.jpg') no-repeat center/cover; 
        box-shadow: 3px 3px 20px #000; 
        user-select: none; 
        overflow: hidden; 
        position: relative; 
        z-index: 1; 
        --state: running; }
#codePre { font: normal 14px/20px Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; }
.green { color: green; }
#vid {
        position: absolute;
        width: 120%;
        height: 110%;
        top:-10px;
        left:-50px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .20;
}
</style>    
        <div id="mydiv"><video id="vid" src="https://img3.tukuppt.com/video_show/2418175/00/02/22/5b52de8ec8111.mp4" autoplay="" loop="" muted=""></video></div>  
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=410714658" autoplay="" loop=""></audio>    
<script>
let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/pinpu_lrc.js';
    document.head.appendChild(script);

    (function() {
        let lrcAr = [
        [0.22,"单曲：瞬",2.2],
        [2.44,"歌手：谢春花",1.6],
        [4.01,"所属专辑：算云烟",1.2],
        [5.16,"作词 : 谢春花",1.1],
        [6.31,"作曲 : 谢春花",1.0],
        [7.34,"出品人：谢春花",1.0],
        [8.33,"制作人：谢春花/小皮",3.7],
        [18.05,"转瞬之间",2.6],
        [22.08,"忽见恍若隔世你的脸",2.8],
        [26.34,"忽见岁月如烟染落英万千",3.8],
        [30.57,"窗外谁人吟忆少年",4.0],
        [34.97,"心中热浪腾青空",2.9],
        [39.4,"面若冰霜笑无踪",2.9],
        [44.29,"不闻悲或喜",2.1],
        [46.72,"不问去与从",1.9],
        [48.86,"挥手作别如从前",2.4],
        [52.55,"不见往日共度雨连绵",3.8],
        [56.82,"不见月下玉碎剩几片",4.0],
        [61.79,"不负血与恨不负光阴",3.7],
        [65.65,"不负沉默不言的抱歉",3.0],
        [69.92,"啊",1.2],
        [74.03,"今夜轻笑一别",3.1],
        [78.59,"啊",1.0],
        [82.54,"笛声干涸枯竭",3.5],
        [87.23,"啊",1.5],
        [91.38,"残言化为句点",3.4],
        [95.82,"啊",1.8],
        [99.89,"灯火黯然泯灭",3.6],
        [112.17,"",12.9],
        [125.1,"转瞬之间",2.3],
        [128.37,"忽见恍若隔世你的脸",3.5],
        [133.06,"忽见岁月如烟染落樱万千",4.0],
        [137.58,"窗外谁人吟忆少年",3.8],
        [141.93,"心中热浪腾青空",2.9],
        [146.33,"面若冰霜笑无踪",2.9],
        [151.21,"不闻悲或喜",2.0],
        [153.48,"不问去与从",2.1],
        [155.61,"挥手作别如从前",2.5],
        [159.48,"不见往日共度雨连绵",3.8],
        [163.87,"不见月下玉碎剩几片",3.8],
        [168.64,"不负血与恨不负光阴",3.7],
        [172.58,"不负沉默不言的抱歉",3.0],
        [176.76,"啊",1.4],
        [180.76,"今夜轻笑一别",3.3],
        [185.68,"啊",1.1],
        [189.34,"笛声干涸枯竭",3.6],
        [194.63,"啊",1.1],
        [198.13,"残言化为句点",3.5],
        [206.89,"灯火黯然泯",3.5]
]; 
        window.onload = () => {
            HCPlayer({
                papa: '#mydiv',
                lrcAr: lrcAr,
                lrc_css: 'right: 100px; bottom: 30px;  --bg: linear-gradient(SaddleBrown,Peru);',
		fs_css: 'background: transparent; color: white; left:5%; bottom:5%;',
                player_css: 'right: 100px; bottom: 100px; --track: #eee; --prog: SaddleBrown; --cap: silver;',
                pinpu: {num: 80, width: 3, height: 120, color: 'linear-gradient(to top, Peru, SaddleBrown)'}
            });
        };
    })();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
<br><br><br><br><br><br><br><br><br><br><br><br>