Skip to content

Commit 2ed9be8

Browse files
ChairowellChairowell
committed
🦄 refactor(player): aplayer切换成meting
1 parent af1f382 commit 2ed9be8

File tree

2 files changed

+19
-63
lines changed

2 files changed

+19
-63
lines changed

‎css/style.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -159,6 +159,7 @@ body::-webkit-scrollbar-track{
159159
box-shadow: 0 0 6px 1px hsla(0, 0%, 0%, 0.5);
160160

161161
position: relative;
162+
bottom: 42px;
162163
}
163164

164165
/* 音乐部分 */

‎index.html‎

Lines changed: 18 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828

2929
<body>
3030

31-
31+
3232
<div id="songInfo">
3333
<div id="fail"></div>
3434
</div>
@@ -62,8 +62,8 @@
6262
<div class="welcome-text">
6363
<h1>Chairo. | 导航站</h1>
6464
<h2>o(≧▽≦)o</h2>
65-
<h3>更新时间：2025-03-15 共<span id="url-number"></span>个网址
66-
<span id="poster-number"></span>张壁纸
65+
<h3>更新时间：2025-03-15 共<span id="url-number"></span>个网址
66+
<span id="poster-number"></span>张壁纸
6767
<span id="music-number">1000</span>首歌曲
6868
</h3>
6969
</div>
@@ -81,7 +81,7 @@ <h3>更新时间：2025-03-15 共<span id="url-number"></span>个网址
8181
<a href="https://link.chairo.cc/#%E5%8F%8B%E9%93%BE">友链申请</a> ·
8282
<a href="https://afdian.com/a/chairowell">赞助我们</a>
8383
<!-- · <a href="https://api.rls.ovh/">正在使用第三方壁纸API</a> -->
84-
· <a href="https://www.picgo.net/album/CHAIRO.SGQSy/sub">壁纸下载</a>
84+
· <a href="https://www.picgo.net/album/CHAIRO.SGQSy/sub">壁纸下载</a>
8585
</div>
8686
<h3>-· 一切都是命运石之门的安排 ·-</h3>
8787
<h3><a href="https://icp.gov.moe/?keyword=20229964">萌ICP备20229964号</a></h3>
@@ -94,8 +94,6 @@ <h4>Copyright Chairo. 2022-2025</h4>
9494
<div id="bg-cover"></div>
9595
</div>
9696

97-
98-
9997
<script>
10098
const posterAddress = './poster.json';
10199
// const posterURL = '';
@@ -106,9 +104,9 @@ <h4>Copyright Chairo. 2022-2025</h4>
106104

107105
<script src="./javascript/script.js"></script>
108106

109-
<script type='text/javascript' id='clustrmaps'src='https://cdn.clustrmaps.com/map_v2.js?cl=ffffff00&w=0&t=n&d=o9YWHIWTDU0-LmCLCGhwJglbMhugBprq1efNvr1D_u0&co=ffffff00&cmo=ffffff00&cmn=ffffff00'></script>
110-
111-
<!-- <script defer src="https://count.chairo.cc/script.js" data-website-id="a9fce4e7-c559-4766-ac51-a9b5818b4970" data-cache="true"></script> -->
107+
<script type='text/javascript' id='clustrmaps'
108+
src='https://cdn.clustrmaps.com/map_v2.js?cl=ffffff00&w=0&t=n&d=o9YWHIWTDU0-LmCLCGhwJglbMhugBprq1efNvr1D_u0&co=ffffff00&cmo=ffffff00&cmn=ffffff00'>
109+
</script>
112110

113111
<script type="text/javascript">
114112
var _Hasync = _Hasync || [];
@@ -123,13 +121,13 @@ <h4>Copyright Chairo. 2022-2025</h4>
123121
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
124122
})();
125123
</script>
126-
<noscript><a href="/" target="_blank"><img src="https://sstatic1.histats.com/0.gif?4814398&101" alt="" border="0"></a></noscript>
124+
<noscript><a href="/" target="_blank"><img src="https://sstatic1.histats.com/0.gif?4814398&101" alt=""
125+
border="0"></a></noscript>
127126
<script src="https://static.cbox.ws/embed/2.js" async></script>
128127
<script>
129128
window['CboxReady'] = function (Cbox) {
130129
Cbox('button', '3-3532837-iIAlAa');
131130
}
132-
133131
</script>
134132
<style>
135133
.CboxOpenBtn img {
@@ -139,64 +137,21 @@ <h4>Copyright Chairo. 2022-2025</h4>
139137
.CboxOpenBtn:after {
140138
content: '留言板';
141139
}
142-
140+
.aplayer-info {
141+
display: block !important;
142+
}
143143
</style>
144144

145145
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.css">
146146
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script>
147-
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js"></script> </head>
148-
<div id="aplayer"></div>
147+
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js"></script>
149148
<script>
150-
async function getPlaylistSongs(playlistId, position = 0, amount = 1000) {
151-
const url = `https://ncm.nekogan.com/playlist/track/all?id=${playlistId}&limit=${amount}&offset=${position}`;
152-
153-
try {
154-
const response = await fetch(url);
155-
156-
if (!response.ok) {
157-
throw new Error(`HTTP error! status: ${response.status}`);
158-
}
159-
160-
const data = await response.json();
161-
162-
if (data.code === 200) {
163-
const songs = data.songs.map(songData => ({
164-
name: songData.name,
165-
song_id: songData.id,
166-
artist: songData.ar[0].name,
167-
cover: songData.al.picUrl,
168-
url: `https://music.163.com/song/media/outer/url?id=${songData.id}` // 获取音乐播放链接
169-
}));
170-
return songs;
171-
} else {
172-
console.error(`API 请求失败: 状态码 ${data.code}`);
173-
return null;
174-
}
175-
} catch (error) {
176-
console.error(`请求发生错误: ${error}`);
177-
return null;
178-
}
179-
}
180-
181-
const playlistId = 8070707258; // 替换为实际的歌单ID
182-
183-
getPlaylistSongs(playlistId)
184-
.then(songs => {
185-
if (songs) {
186-
const ap = new APlayer({
187-
container: document.getElementById('aplayer'),
188-
fixed: true, // 是否固定在页面顶部
189-
loop: 'all', // 循环播放类型
190-
order: 'random', // 歌单排序类型
191-
preload: 'auto', // 预加载策略
192-
volume: 0.7, // 默认音量
193-
autoplay: false, // 是否自动播放
194-
audio: songs // 音乐信息数组
195-
});
196-
}
197-
});
149+
var meting_api='https://api.qijieya.cn/meting/?server=:server&type=:type&id=:id&auth=:auth&r=:r';
198150
</script>
151+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script>
152+
<meting-js server="netease" type="playlist" id="8070707258" fixed="true" mini="false" theme="#a84848" loop="all" order="random" preload="auto" volume="0.5" mutex="true"></meting-js>
153+
199154

200155
</body>
201156

202-
</html>
157+
</html>

0 commit comments

Comments
 (0)