梦江南 发表于 2024-11-22 12:04

青花瓷 （学习黑黑老师的 免我蹉跎苦代码）

本帖最后由 梦江南 于 2024-11-24 17:24 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
        #mama { margin: 30px 0 30px calc(50% - 593px); background: black url('https://pic.imgdb.cn/item/673ffd0bd29ded1a8c988092.jpg') no-repeat center/ cover; }
        #player { left: calc(84% - 120px); top: calc(35.0% - 120px); bottom:200px; width: 200px; filter: hue-rotate(90Blue); }
        #player:hover { filter: hue-rotate(180deg); transition: .7s; }
        #prog { bottom: 20px; width: 280px; --bg1: lightgreen; --bg2: green; --color: lightgreen; }
        #lrc { bottom: 50px; --bg: linear-gradient(rgba(0,128,0,.25),rgba(0,128,0,.75)); }
        #vid { position: absolute; width: 100%; height: 100%; object-fit: cover; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
</style>

<div id="mama" class="pa">
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=259138.mp3"></audio>
        <video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/15/12/46/video63660cee858f0.mp4" autoplay loop muted></video>
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <img id="player" class="player" src="https://pic.imgdb.cn/item/6742e3d588c538a9b5bb4f7d.png" alt="" />
        <div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>

<script type="module">
        import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
var geci =[,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: geci };
        var audio = new Aud(mDatas);
        audio.play();
</script>

梦油 发表于 2024-11-22 14:25

播放器真漂亮。

梦江南 发表于 2024-11-22 14:40

梦油 发表于 2024-11-22 14:25
播放器真漂亮。

问好梦油老师，谢谢支持。

夕阳黄昏 发表于 2024-11-22 16:51

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

梦油 发表于 2024-11-22 17:00

梦江南 发表于 2024-11-22 14:40
问好梦油老师，谢谢支持。

梦江南朋友手真巧。

梦江南 发表于 2024-11-22 17:23

夕阳黄昏 发表于 2024-11-22 16:51


问好老师，谢谢支持。

梦江南 发表于 2024-11-22 17:25

梦油 发表于 2024-11-22 17:00
梦江南朋友手真巧。

梦油老师过奖了！{:4_201:}

红影 发表于 2024-11-22 20:14

好清爽漂亮的画面，江南的制作真美{:4_187:}

红影 发表于 2024-11-22 20:16

那个选装的图案不是正圆呢，看着有点别扭。江南可以调一下呢。
歌词前面的那么长的音乐可以加点别的信息呢。{:4_204:}

梦江南 发表于 2024-11-23 09:23

红影 发表于 2024-11-22 20:14
好清爽漂亮的画面，江南的制作真美

问好影子，谢谢欣赏支持。{:4_204:}

梦江南 发表于 2024-11-23 09:50

红影 发表于 2024-11-22 20:16
那个选装的图案不是正圆呢，看着有点别扭。江南可以调一下呢。
歌词前面的那么长的音乐可以加点别的信息呢 ...

回影子，这只盘子本来是圆的不知为什么转起来变得有点点椭圆了。
歌词可以试改看看。

红影 发表于 2024-11-23 11:19

梦江南 发表于 2024-11-23 09:23
问好影子，谢谢欣赏支持。

不客气啊，江南的学习是最认真的{:4_187:}

红影 发表于 2024-11-23 11:19

梦江南 发表于 2024-11-23 09:50
回影子，这只盘子本来是圆的不知为什么转起来变得有点点椭圆了。
歌词可以试改看看。

可能有其他因素影响的吧{:4_173:}

小辣椒 发表于 2024-11-23 12:51

这个背景也是漂亮的，整体效果棒棒的{:4_199:}

梦油 发表于 2024-11-23 14:16

梦江南 发表于 2024-11-22 17:25
梦油老师过奖了！

我不会代码，但我能看出来好坏。

梦江南 发表于 2024-11-23 17:59

红影 发表于 2024-11-23 11:19
不客气啊，江南的学习是最认真的

学习是要认真的，只是水平有限，做不到位。

梦江南 发表于 2024-11-23 18:01

红影 发表于 2024-11-23 11:19
可能有其他因素影响的吧

回影子，歌词改了，这只盘子改来改去都是这 样的。{:4_201:}

梦江南 发表于 2024-11-23 18:02

小辣椒 发表于 2024-11-23 12:51
这个背景也是漂亮的，整体效果棒棒的

问好小辣椒，谢谢欣赏支持。{:4_204:}

梦江南 发表于 2024-11-23 18:03

梦油 发表于 2024-11-23 14:16
我不会代码，但我能看出来好坏。

相信梦油老师欣赏是有水平的。晚上好！

小辣椒 发表于 2024-11-23 20:04

梦江南 发表于 2024-11-23 18:02
问好小辣椒，谢谢欣赏支持。

梦江南太客气了，再次欣赏~~~{:4_199:}
页: [1] 2 3 4
查看完整版本: 青花瓷 （学习黑黑老师的 免我蹉跎苦代码）