朵拉 发表于 2024-10-7 21:06

秋 风（马黑黑原创）

<style>
#mama {
        margin: 130px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 720px;
        background: url('https://pic.imgdb.cn/item/6703ae04d29ded1a8c5504dc.jpg') no-repeat center/cover;
        box-shadow: 0 0 8px gray;
        overflow: hidden;
        z-index: 1;
        position: relative;
}
#mama > video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: rotateY(180deg);
        opacity: .7;
        mix-blend-mode: lighten;
        -webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
        pointer-events: none;
}
</style>

<div id="mama" class="mama">
        <audio src="https://music.163.com/song/media/outer/url?id=2614851804" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/15653652/04/06/21/646b0add8b43e.mp4" autoplay loop muted></video>
</div>

<script>
var geci = `2024-10-07\n\n歌曲：秋 风\n\n演唱：四熹丸子\n\n制作：朵 拉\n\n我要怎么说\n你才能在乎我\n这秋天的风\n也把你带远了\n指针一点点的过\n我们没改变什么\n这份寂寞也希望你\n真的懂我\n要怎么说\n你才能那样爱我\n给我快乐\n烦忧全部离开我\n你对我说\n爱到底是什么\n是不是一阵秋风\n吹进你的心窝\n\n我要怎么说\n你才能在乎我\n这秋天的风\n也把你带远了\n指针一点点的过\n我们没改变什么\n这份寂寞也希望你\n真的懂我\n要怎么做\n你才能那样爱我\n给我快乐\n烦忧全部离开我\n你对我说\n爱到底是什么\n是不是一阵秋风\n吹进你的心窝\n我不难过\n我的世界只有你一个\n如果你离开我\n也要好好过\n我不难过\n我的世界只有你一个\n如果你离开我\n也要好好过\n\n我要怎么说\n你才能在乎我\n这秋天的风\n也把你带远了\n`;

var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/pinpuz_yslrc.js';
document.body.appendChild(sf);

sf.onload = () => {
        HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: 0,
                pinpu: { num: 40, color: 'linear-gradient(to right, transparent, green, lightgreen)' },
                player_css: 'right: 80px; top: 80px; --color: darkgreen; --len: 3px;',
                lrc_css: 'left: 50%; transform: translateX(-50%); top: 20px; --bg: linear-gradient( #eee, #009b06d3); color: #ccc;',
                fs_css: 'left: 20px; top: 20px; --bg: transparent; --color: green;',
        });
};
</script>

朵拉 发表于 2024-10-7 21:09

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

红影 发表于 2024-10-7 23:20

漂亮，这个是之前的代码效果吧。
色彩协调。欣赏朵宝好帖{:4_187:}

梦江南 发表于 2024-10-8 07:50

好清雅的画面，欣赏学习！{:4_187:}

梦江南 发表于 2024-10-8 07:51

老师早上好！{:4_204:}

梦油 发表于 2024-10-8 09:20

欣赏佳作，问候朵拉。

小辣椒 发表于 2024-10-9 11:53

欣赏朵拉的精彩制作{:4_199:}
页: [1]
查看完整版本: 秋 风（马黑黑原创）