宁静 发表于 2024-5-4 23:00

如果有一天(Live 合唱版) 歌手：艺凌

本帖最后由 宁静 于 2024-7-23 23:17 编辑 <br /><br /><style>
        #papa { margin: 150px 0 20px calc(50% - 781px); width: 1400px; height: 706px; background: url('https://xlaj.cn/assets/file/zp/20240504204724.gif') no-repeat center/cover; box-shadow: inset 0 0 200px , 3px 3px 6px #333; overflow: hidden; user-select: none; z-index: 1; position: relative; }

.vid { position: absolute;left: 545px;top:195px; width: 300px; height: 250px; object-fit: cover; mix-blend-mode: screen;opacity: 0.85; pointer-events: none; }

        #canv { display: block; position: absolute; left: calc(55% - 250px); top: 175px; cursor: pointer; }
        @keyframes rot { to { transform: rotate(360deg); } }
</style>

<body>

<div id="papa">

        <audio id="aud" src="https://s2.ananas.chaoxing.com/sv-w8/audio/8b/a2/06/87ba37a56d0ee559f8f233cc3690792f/audio.mp3" autoplay loop></audio>
           <video class="vid" src="https://lkvv-1254134120.cos.ap-guangzhou.myqcloud.com/lkvv09/aspyy3/ayzmj.mp4" autoplay loop muted></video>
        <canvas id='canv' width="360" height="360"></canvas>
</div>

<script>

var loadJs = (file, callback) => {
        var sc = document.createElement('script');
        sc.src = file;
        sc.charset = 'utf-8';
        document.body.appendChild(sc);
        sc.onload = () => callback();
};

var js1 = 'https://638183.freep.cn/638183/web/api/lrc.js';
var js2 = 'https://638183.freep.cn/638183/web/js/canv3dball.js';
loadJs(js1, () => {
        LRC({
                papa: '#papa',
                lrcAr: lrcAr,
                btn: '#play',
                       lrc_css: 'bottom: 40px; left: 40%; color: #ccc;font-size: 2.0em; --bg: linear-gradient(180deg,hsla(240,50%,50%,.15),hsla(240,50%,20%,.65));',
        });
});

loadJs(js2, ()=> {
let pa = papa;
});
var lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

</script>

宁静 发表于 2024-5-4 23:01

3D频谱效果加代码粒子效果播放器

愤怒の葡萄 发表于 2024-5-5 06:43

挺漂亮的主题帖，感谢楼主的无私分享。

蜻蜓 发表于 2024-5-5 09:19

贴子好看！歌曲也好听{:10_402:}

沉默 发表于 2024-5-5 22:33

3D频谱漂亮{:9022:}

撒哈拉的雨 发表于 2024-5-6 08:31

好漂亮的播放器，赞一个{:7_270:}

撒哈拉的雨 发表于 2024-5-6 08:35

歌曲听着挺伤感的

撒哈拉的雨 发表于 2024-5-6 08:37

送花花{:10_403:}

宁静 发表于 2024-5-9 22:16

愤怒の葡萄 发表于 2024-5-5 06:43
挺漂亮的主题帖，感谢楼主的无私分享。

问题葡萄，谢谢欣赏{:10_402:}

宁静 发表于 2024-5-9 22:17

蜻蜓 发表于 2024-5-5 09:19
贴子好看！歌曲也好听

蜻蜓，小悲伤的歌曲最容易打动人心{:9007:}
页: [1] 2
查看完整版本: 如果有一天(Live 合唱版) 歌手：艺凌