查看: 2117|回复: 55

[单图] 【简静音画】瞬间(致:雨声 碧海蓝天)

[复制链接]
发表于 2023-11-20 19:28 | 显示全部楼层 |阅读模式




评分

6

查看全部评分

点评
回复

使用道具

 楼主| 发表于 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>





    
点评
回复

使用道具

发表于 2023-11-20 19:34 | 显示全部楼层
艾玛,一转身看到有礼物收,鞋都没穿就跑过来了
点评
回复

使用道具

发表于 2023-11-20 19:35 | 显示全部楼层
妞的又一佳作,妞的图稀罕的紧
点评
回复

使用道具

发表于 2023-11-20 19:37 | 显示全部楼层
妞的溶图甚是精彩,精彩礼物我先抱回家再说
点评
回复

使用道具

发表于 2023-11-20 19:38 | 显示全部楼层
花简静 发表于 2023-11-20 19:31
感谢雨声给挂的章子,感谢碧海蓝天的帅哥贴子。

艾玛,感谢两个字都出来了,不开心
点评
回复

使用道具

 楼主| 发表于 2023-11-20 19:38 | 显示全部楼层
聆听雨声 发表于 2023-11-20 19:34
艾玛,一转身看到有礼物收,鞋都没穿就跑过来了

哈哈,就喜欢跟你聊天活泼形象的样子
点评
回复

使用道具

 楼主| 发表于 2023-11-20 19:39 | 显示全部楼层
聆听雨声 发表于 2023-11-20 19:35
妞的又一佳作,妞的图稀罕的紧

抱个,反正你总会夸我的
点评
回复

使用道具

发表于 2023-11-20 19:39 | 显示全部楼层
花简静 发表于 2023-11-20 19:31
感谢雨声给挂的章子,感谢碧海蓝天的帅哥贴子。

静妞,打四个字多麻烦啊,叫他碧海就好啦
点评
回复

使用道具

 楼主| 发表于 2023-11-20 19:40 | 显示全部楼层
聆听雨声 发表于 2023-11-20 19:37
妞的溶图甚是精彩,精彩礼物我先抱回家再说

跟你相处可太轻松了。。乐。。
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2025-6-8 17:59

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表