小辣椒 发表于 2024-3-4 22:22

床前明月光 演唱：梅艳芳


<style>
        #papa { margin: 150px 0 0 calc(50% - 881px); display: grid; place-items: center; width: 1600px; height: 807px; background: lightblue; box-shadow: 3px 3px 20px #000; overflow: hidden; transition: background-size .75s; position: relative; z-index: 1; }
        #papa::before { position: absolute; content: ''; inset: 0; transition: .75s; background: url('https://wj.zp68.com/lxx/yunhua/2024/03/04/myf.gif') no-repeat center/cover; }
        #papa:hover::before { transform: scale(1.2); }
        #papa:fullscreen::before { transform: unset; } #lrc { position: absolute; top: 100px;left: 100px;font: bold 2.0em sans-serif; color: silver; text-shadow: 1px 1px 1px rgba(0,0,0,.75); --ani: lrcGo1; --duration: 1s; } #lrc::before { position: absolute; content: attr(data-lrc); width: 100%; height: 100%; color: rgba(10,100,10,.2); background: linear-gradient(to bottom, rgba(10,200,10,.35), rgba(0,100,200,.8)); background-clip: text; -webkit-background-clip: text; clip-path: inset(0 100% 0 0); animation: var(--ani) var(--duration) linear forwards var(--state); }
        #mplayer { position: absolute; left: 42%; bottom: 20px; text-align: center; color: lightblue; }
        #mplayer::before { position: absolute; content: attr(data-tt); left: 0; bottom: 25px; width: 100%; text-align-last: justify; }
        #mprog { width: 280px; accent-color: snow; outline: none; cursor: pointer; }
        #mprog:focus { accent-color: lightblue; }
        #btnplay { width: 50px; height: 50px; cursor: pointer; animation: rotating 6s infinite linear var(--state); }
        #btnplay:hover { filter: invert(.2); }
        #btnFs { position: absolute; left: 18%; bottom: 50px; color: silver; background: none; opacity: 0; border: 2px solid silver; border-radius: 6px; padding: 4px; transition: all .75s; cursor: pointer; z-index: 100; }
        #papa video { position: absolute; bottom: 0; width: 100%; height: calc(100% + 100px); object-fit: cover; mix-blend-mode: soft-light; pointer-events: none; }
        @keyframes rotating { to { transform: rotate(360deg); } }
        @keyframes lrcGo0 { to { clip-path: inset(0 0 0 0); } }
        @keyframes lrcGo1 { to { clip-path: inset(0 0 0 0); } }
        @keyframes move { to { offset-distance: 100%; } }
</style>

<div id="papa">
        <audio src="https://wj.zp68.com/lxx/yunhua/2024/03/04/01.mp3"></audio>
        <video src="https://chuangshicdn.file.m.mvbox.cn/upload/68dc2925e379fa95603b6bfd915e79f1.mp4" muted loop></video>
        <div id="mplayer" data-tt="0:00 0:00">
                <img id="btnplay" src="https://wj.zp68.com/lxx/yunhua/2024/03/04/disc.png" title="播放/暂停" alt="" /><br>
                <input id="mprog" type="range" min="0" max="100" step="any" value="0" title="调节进度"    />
        </div>
        <div id="btnFs">全屏观赏</div>
        <div id="lrc" data-lrc="HuaChao LRC">HuaChao LRC</div>
</div>

<script>
var geci = [['0.00', '学习套用黑黑岁月神偷效果',10.85],
['13.00', '床前明月光poem:李白',5.85],
['20.00', '演唱：梅艳芳',2.85],
['33.00', '一首经典老歌值得回味',5.85],
['43.00', '是你吧',2.85],
['46.00', '高高挂在穹苍千年啦',4.75],
['51.00', '看尽了人世离与散',4.75],
['56.00', '多少功名似尘埃',5.70],
['62.00', '是我傻',3.80],
['66.00', '总是在寂寞夜里望',4.75],
['71.00', '你时圆时缺时迷惘',4.75],
['76.00', '彷佛告诉我生命本无常',5.70],
['82.00', '来吟一首老诗',1.90],
['84.00', '喝一杯老酒',2.85],
['87.00', '明月啊',1.90],
['89.00', '别笑我我痴',1.90],
['91.00', '别笑我狂',4.75],
['96.00', '床前明月光',4.75],
['101.00', '疑是地上霜',4.75],
['106.00', '举头望明月',4.75],
['111.00', '低头思故乡',4.75],
['116.00', '床前明月光',4.75],
['121.00', '疑是地上霜',4.75],
['126.00', '举头望明月',3.80],
['130.00', '低头思故乡',7.60],
['138.00', '',19.00],
['158.00', '是我傻',2.85],
['161.00', '总是在寂寞夜里望',3.80],
['165.00', '你时圆时缺时迷惘',4.75],
['170.00', '彷佛告诉我生命本无常',5.70],
['176.00', '来吟一首老诗',2.85],
['179.00', '喝一杯老酒',1.90],
['181.00', '明月啊',1.90],
['183.00', '让我拥抱',1.90],
['185.00', '带我遨翔',5.70],
['191.00', '床前明月光',4.75],
['196.00', '疑是地上霜',4.75],
['201.00', '举头望明月',3.80],
['205.00', '低头思故乡',5.70],
['211.00', '床前明月光',3.80],
['215.00', '疑是地上霜',4.75],
['220.00', '举头望明月',4.75],
['225.00', '低头思故乡',4.75],
['230.00', '',16.15],
['247.00', '床前明月光',4.75],
['252.00', '疑是地上霜',3.80],
['256.00', '举头望明月',4.75],
['261.00', '低头思故乡',4.75],
['266.00', '',4.5]

];

var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js/rangelrc_fs.js';
document.querySelector('body').appendChild(sF);
</script>
<br><br><br>

小辣椒 发表于 2024-3-4 22:23

好久没有上来了，今天刚学习的作业

liumang 发表于 2024-3-4 22:23

小辣椒来了{:5_149:}{:5_140:}

小辣椒 发表于 2024-3-4 22:24

liumang 发表于 2024-3-4 22:23
小辣椒来了

liumang晚上好

liumang 发表于 2024-3-4 22:25

小辣椒 发表于 2024-3-4 22:24
liumang晚上好

欣赏经典的老歌，梅艳芳的歌曲你收藏不少的

小辣椒 发表于 2024-3-4 22:25

liumang 发表于 2024-3-4 22:25
欣赏经典的老歌，梅艳芳的歌曲你收藏不少的

你也是有许多的{:5_156:}

liumang 发表于 2024-3-4 22:26

小辣椒 发表于 2024-3-4 22:25
你也是有许多的

老歌经典，好听，小辣椒去同一首

小辣椒 发表于 2024-3-4 22:34

liumang 发表于 2024-3-4 22:26
老歌经典，好听，小辣椒去同一首
好的，我有空就做，今天先下了，晚安{:5_121:}

liumang 发表于 2024-3-4 22:35

小辣椒 发表于 2024-3-4 22:34
好的，我有空就做，今天先下了，晚安

好的，多休息，好好养几天
页: [1]
查看完整版本: 床前明月光 演唱：梅艳芳