非我 歌手：张德伊玲 TO：黑黑
<style>@import 'https://638183.freep.cn/638183/web/mod/mplayer.css';
#pa { margin: 130px 0 30px calc(50% - 819px);width: 1439px; height: 816px;background: url('https://xlaj.cn/upfile/202412/14/1F.gif') no-repeat center/cover; border-radius: 32px;}
#mplayer { width: 280px; height: 140px; left: 430px; bottom:20px;
--prog: Khaki;
--track: silver;
--ppcolor1: snow;width: 530px; height: 120px;
--ppcolor2: Gold; width: 530px;height: 120px;
bottom: 20px; background: rgba(139,69,19,.15); filter: blur(.5px); opacity: 0.25;}
#lrc { --bg: linear-gradient(180deg,hsla(80,50%,20%,.10),hsla(80,50%,20%,.25)); position: absolute; left: 40%;top: 78%; font:normal 1.6em Microsoft YaHei; sans-serif; color:MintCream; white-space: pre; -webkit-background-clip: text; filter: drop-shadow(1px 1px 2px hsla(0, 100%, 0%, .85)); pointer-events: none; z-index: 900; }
</style>
<div id="pa" class="pa" data-title="非我-张德伊玲">
<audio src="https://xlaj.cn/upfile/202412/14/fw.mp3"></audio>
<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mplayer.js';
var geci = [
['0.00', 'TO：黑黑',1.49],
['2.00', '我不再是我 卑微着 收敛地 寂寞',5.49],
['7.88', '我不再是我 配合着 清醒地 陷落',5.35],
['16.67', '看 海鸥 掠过',4.32],
['21.22', '张翅膀 飞 自由 洒脱',5.01],
['26.81', '难以捉摸',1.68],
['28.58', '听 风骤 雨落',4.34],
['33.15', '穿河流 坠 深渊 沉默',5.03],
['39.29', '爱将我 捆绑着',4.20],
['43.71', '窒息着 挣脱 躲不过',5.07],
['51.15', '爱让我 磨去了 外壳',5.08],
['57.23', '强忍着 反复愈合',2.65],
['60.02', '将自我割舍',2.95],
['63.13', '我不再是我 卑微着 收敛地 寂寞',5.37],
['68.78', '我不再是我 配合着 清醒地 陷落',5.33],
['75.44', '这世界的辽阔 这世间的景色',4.49],
['80.69', '我不再热烈去探索 守望着你承诺',5.37],
['87.39', '我不再是我 独守着 生日的 寂寞',5.08],
['93.47', '我不再是我 扮演着 热情的 附和',5.07],
['99.44', '我不能装洒脱 我不敢说爱错',4.59],
['104.80', '我已不再是我',3.85],
['108.85', '歌曲名称：非我',2.85],
['111.85', '歌手｜张德伊玲',1.90],
['113.85', '。。。。。。',16.94],
['131.68', '看 海鸥 掠过',3.73],
['136.66', '张翅膀 飞 自由洒脱',5.22],
['142.15', '难以捉摸',2.34],
['144.61', '听 风骤 雨落',3.92],
['148.74', '穿河流 坠 深渊沉默',5.66],
['154.70', '爱将我捆绑着',4.35],
['159.28', '窒息着 挣脱 躲不过',5.10],
['166.75', '爱让我 磨去了 外壳',5.64],
['172.69', '强忍着 反复愈合',2.62],
['175.45', '将自我割舍',3.27],
['178.89', '我不再是我 卑微着 收敛地 寂寞',5.66],
['184.85', '我不再是我 配合着 清醒地 陷落',5.74],
['190.89', '这世界的辽阔 这世间的景色',5.22],
['196.39', '我不再热烈去探索 守望着你承诺',6.14],
['202.85', '我不再是我 抚平了 心底的 脆弱',4.90],
['207.90', '我不再是我 埋葬了 爱你的 怯懦',5.64],
['214.89', '一个人看烟火 一个人也快乐',5.25],
['220.42', '我已不再是我',7.17],
['230.07', '。。。。。。。',4.58],
['234.89', '',4.5]
];
hcplay(pa, geci);
</script>
@马黑黑
黑黑学习做一次（高山流水) 的播放器效果，感谢源码分享 温馨提示：小辣椒的代码随便套用，但必须也是要发花潮，否则请绕道~~~ 老师收礼开心，图图 歌曲，完美{:4_204:}{:4_190:} 俺听歌儿来啦。 朵拉 发表于 2024-12-16 20:54
老师收礼开心，图图 歌曲，完美
朵拉晚上好，这个是小辣椒的旧图，现在就玩旧图加个播放器，求速度的，这样也是许多作业没有完成的 梦油 发表于 2024-12-16 21:04
俺听歌儿来啦。
梦油晚上好，小辣椒一面玩论坛，一面在看球赛，心疼哦，刚才大头输了，昨天打完感冒的还在拉肚子，运动员真的也是辛苦的，输了还被黑粉骂 这个图图太喜欢了，漂亮，歌声也好听 绿叶清舟 发表于 2024-12-16 21:17
这个图图太喜欢了，漂亮，歌声也好听
清舟看起来你还是喜欢老派的玩图图，我这是旧图，自己感觉和现在的图图有点脱钩，但作业需要就用了，想做现代感的图就是做不漂亮{:4_201:} 小辣椒 发表于 2024-12-16 21:10
梦油晚上好，小辣椒一面玩论坛，一面在看球赛，心疼哦，刚才大头输了，昨天打完感冒的还在拉肚子，运动员 ...
哈哈哈！你还真“忙乎”。{:4_189:} 帖子UI设计巧妙，非常得分 梦油 发表于 2024-12-16 21:21
哈哈哈！你还真“忙乎”。
哈哈~~~是的，我最喜欢乒乓球沙头二个 马黑黑 发表于 2024-12-16 21:25
帖子UI设计巧妙，非常得分
黑黑晚上好，这个是旧图修改了一下用，感觉这个播放可以上去了{:4_173:} 小辣椒 发表于 2024-12-16 21:31
黑黑晚上好，这个是旧图修改了一下用，感觉这个播放可以上去了
这个播放器简单吧？你可以收藏起来，上传到自己的空间 马黑黑 发表于 2024-12-16 21:35
这个播放器简单吧？你可以收藏起来，上传到自己的空间
好的，这个播放器我也是喜欢的，必须收藏 马黑黑 发表于 2024-12-16 21:35
这个播放器简单吧？你可以收藏起来，上传到自己的空间
这个播放器按钮的颜色在js里面，面上我修改不了 小辣椒 发表于 2024-12-16 21:38
这个播放器按钮的颜色在js里面，面上我修改不了
不是放JS里，是CSS里面，它有一个配套的CSS文档，另外，还可以在帖子中修改颜色 小辣椒 发表于 2024-12-16 21:36
好的，这个播放器我也是喜欢的，必须收藏
{:4_191:} 手机颜色不明显，按钮找半天{:4_170:} 马黑黑 发表于 2024-12-16 21:43
不是放JS里，是CSS里面，它有一个配套的CSS文档，另外，还可以在帖子中修改颜色
对在css里面，但在画面我不会修改