醉美水芙蓉 发表于 2024-9-1 18:33

纯音乐专辑

本帖最后由 醉美水芙蓉 于 2024-9-1 18:33 编辑 <br /><br /> <style>
#papa {
        margin: 30px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 720px;
        background: url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/2d0d4b197d80aec5690fb3d428bb8122_preview.webp') no-repeat center/cover;
        box-shadow: 3px 3px 20px #000;
        position: relative;
        z-index: 1;
        display: grid;
        place-items: center;
}
#papa > video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        mix-blend-mode: screen;
        -webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
        transform: rotateX(180deg);
        pointer-events: none;
}
</style>

<div id="papa">
        <video src="" autoplay loop muted></video>
</div>

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

sf.onload = () => {
        HCPlayer({
                papa: '#papa',
                musics: music_ar,
                title: '纯音乐专辑',
                player_css: `
                        bottom: 10px;
                        background: none;
                        border: thick double lightgreen;
                        color: white;
                        --ww: 300px;
                        --hh: 140px;
                        --track: green;
                        --prog: lightgreen;
                `,
                fs_css: 'top: 20px;',
        });
};
var music_ar = [
        ['1d2db8f747f0f7889376647f753ad00a.mp3', '蜻蜓与秋蝉'],
        ['d379058aa90547b1f0a7e78d513975db.mp3', '渔舟唱晚'],
        ['0808b9179259b68d3d3a97605e65d4ef.mp3', '北国之春'],
        ['fe52b5dbda2b56d0e1bfb809e62a4074.mp3', '消失的背影 '],
        ['52456deeab61e0bca836bd4e39a502d6.mp3', '解情还须系情人'],
        ['7f6246282c22067b0dd4c07fe9300add.mp3', '这一瞬间'],
        ['68b96bbc56b32bdca21be63ab8664036.mp3', '沉默是金 - 亮声open'],
        ['0099c5d964b7be4f9269be76b7ca17c4.mp3', '过往皆是空'],
        ['2fbec3af086d4e660ea6f750d4fa2d79.mp3', '蓝色凋零'],
        ['bbc2093e144941f4c71b9c0a38605711.mp3', '微风细雨'],
        ['e02f6cd6dbadac01d46eef7b53f5e5af.mp3', '最远的你是我最近的爱'],
].map(item => {
        item = 'https://cccimg.com/view.php/' + item;
        return item;
});
</script>

起个网名好难 发表于 2024-9-1 18:45

https://5b0988e595225.cdn.sohucs.com/images/20190627/2fcecd89550b4c1cb36ee7bff90ab110.gif

醉美水芙蓉 发表于 2024-9-1 19:03

起个网名好难 发表于 2024-9-1 18:45


谢谢老师欣赏支持！

彩云归 发表于 2024-9-1 19:18

好听！谢谢分享！

醉美水芙蓉 发表于 2024-9-1 19:25

彩云归 发表于 2024-9-1 19:18
好听！谢谢分享！

谢谢老师光临支持！

马黑黑 发表于 2024-9-1 20:03

{:4_178:}

小辣椒 发表于 2024-9-1 20:20

问好水芙蓉，欣赏精彩的制作{:4_199:}

醉美水芙蓉 发表于 2024-9-1 20:26

马黑黑 发表于 2024-9-1 20:03


谢谢黑黑老师鼓励！

醉美水芙蓉 发表于 2024-9-1 20:27

小辣椒 发表于 2024-9-1 20:20
问好水芙蓉，欣赏精彩的制作

谢谢小辣椒欣赏支持！

岁月·如歌 发表于 2024-9-1 21:13

好美的场景！{:4_199:}

醉美水芙蓉 发表于 2024-9-2 06:32

岁月·如歌 发表于 2024-9-1 21:13
好美的场景！

谢谢友友支持！
页: [1]
查看完整版本: 纯音乐专辑