• 日期: 2027-10-23 11:28:53
  • 标签: 常规

"use strict";let server = "netease"; //netease: 网易云音乐; tencent: QQ音乐; kugou: 酷狗音乐; xiami: 虾米; kuwo: 酷我\nlet type = "playlist"; //song: 单曲; playlist: 歌单; album: 唱片\nlet id = "961612751"; //封面 ID / 单曲 ID / 歌单 ID\n\n$.ajax({\n url: "https://api.mizore.cn/meting/api.php?server=" + server + "&type=" + type + "&id=" + id, \n type: "GET", \n dataType: "JSON", \n success: function (data) {\n const ap = new APlayer({\n container: document.getElementById('aplayer'),\n order: 'random',\n preload: 'auto',\n listMaxHeight: '336px',\n volume: '0.5',\n mutex: true,\n lrcType: 3,\n audio: data,\n });\n\n /* 底栏歌词 /\n setInterval(function () {\n $('#lrc').html('<span id='The_music' class='lrc-show' style='position: relative;top: 15px;'>' + $('.aplayer-lrc-current').text() + '<img src='image/f806913b91e44645b1451768f8fbf737.png' style='width: 64%;height: 64%;border-bottom-left-radius: 20px;position: relative;top: 74px;left: -720px;'>');\n }, 500);\n\n / COPY底栏歌词 /\n setInterval(function () {\n $('#copylrc').html('<span id='The_music' class='lrc-show' style='position: relative;top: 15px;'>' + $('.aplayer-lrc-current').text() + '<img src='image/ylnwkTd9ZesTNEibo6IGSxl2MPQqPicgnR47uaV6nzAxiahpVuic42QJVw.jpg' style='width: 100%;border-radius: 20px;position: absolute;top: -320px;right: -270px;'><div style='width: 100%;text-align: center;position: absolute;top: -80px;right: -270px;'><div class='vavatar'><img src='https://q4.qlogo.cn/headimg_dl?dst_uin=1957860834&spec=640' style='width: 50px;height: 50px;vertical-align: -20px;border-radius: 50%;margin-right: 5px;margin-bottom: 5px;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);border: 2px solid #fff;pointer-events:none;'><div class='vicon'>

<span style='margin-left: 10px;'>Hey 是柯佑鸭
<font size='2px'>正在播放(" + $('#music-name').text() + " )
');\n }, 500);\n\n / 音乐通知及控制 /\n ap.on('play', function () {\n music = $('.aplayer-title').text() + $('.aplayer-author').text();\n iziToast.info({\n timeout: 4000,\n icon: "fa-solid fa-circle-play",\n displayMode: 'replace',\n message: music\n });\n $('#play').html('<i class='fa-solid fa-pause'>');\n $('#music-name').html($('.aplayer-title').text() + $('.aplayer-author').text());\n if ($(document).width() >= 990) {\n $('.power').css('cssText', 'display:none');\n $('#lrc').css('cssText', 'display:block !important');\n $('.copypower').css('cssText', 'display:none');\n $('#copylrc').css('cssText', 'display:block !important');\n }\n // Notification.requestPermission().then(res => {\n // console.log(res)\n // });\n // new Notification('音乐通知', {\n // body: '正在播放：' + music,\n // tag: 1\n // });\n });\n\n ap.on('pause', function () {\n $('#play').html('<i class='fa-solid fa-play'>');\n if ($(document).width() >= 990) {\n $('#lrc').css('cssText', 'display:none !important');\n $('.power').css('cssText', 'display:block');\n $('#copylrc').css('cssText', 'display:none !important');\n $('.copypower').css('cssText', 'display:block');\n }\n });\n\n $('#music').hover(function () {\n $('.music-text').css('display', 'none');\n $('.music-volume').css('display', 'flex');\n }, function () {\n $('.music-text').css('display', 'block');\n $('.music-volume').css('display', 'none');\n })\n\n / 一言与音乐切换 /\n $('#open-music').on('click', function () {\n $('#hitokoto').css('display', 'none');\n $('#music').css('display', 'flex');\n });\n\n $('#hitokoto').hover(function () {\n $('#open-music').css('display', 'flex');\n }, function () {\n $('#open-music').css('display', 'none');\n })\n\n $('#music-close').on('click', function () {\n $('#music').css('display', 'none');\n $('#hitokoto').css('display', 'flex');\n });\n\n / 上下曲 /\n $('#play').on('click', function () {\n ap.toggle();\n $('#music-name').html($('.aplayer-title').text() + $('.aplayer-author').text());\n });\n\n $('#last').on('click', function () {\n ap.skipBack();\n ap.play();\n $('#music-name').html($('.aplayer-title').text() + $('.aplayer-author').text());\n });\n\n $('#next').on('click', function () {\n ap.skipForward();\n ap.play();\n $('#music-name').html($('.aplayer-title').text() + $('.aplayer-author').text());\n });\n\n window.onkeydown = function (e) {\n if (e.keyCode == 32) {\n ap.toggle();\n }\n }\n\n / 打开音乐列表 */\n $('#music-open').on('click', function () {\n if ($(document).width() >= 990) {\n $('#box').css('display', 'block');\n $('#row').css('display', 'none');\n $('#more').css('cssText', 'display:none !important');\n }\n });\n\n //音量调节\n $('#volume').on('input propertychange touchend', function () {\n let x = $('#volume').val();\n ap.volume(x, true);\n if (x == 0) {\n $('#volume-ico').html('<i class='fa-solid fa-volume-xmark'>');\n } else if (x > 0 && x <= 0.3) {\n $('#volume-ico').html('<i class='fa-solid fa-volume-off'>');\n } else if (x > 0.3 && x <= 0.6) {\n $('#volume-ico').html('<i class='fa-solid fa-volume-low'>');\n } else {\n $('#volume-ico').html('<i class='fa-solid fa-volume-high'>');\n }\n });\n\n let mode = "order"; // 初始播放模式为顺序播放\n\n $('#mode').on('click', function () {\n if (mode === "order") {\n mode = "list";\n ap.order = "list"; // 切换为循环播放\n $('#mode').html('<i class='fa-solid fa-redo'>'); // 修改按钮图标\n } else if (mode === "list") {\n mode = "random";\n ap.order = "random"; // 切换为随机播放\n $('#mode').html('<i class='fa-solid fa-random'>'); // 修改按钮图标\n } else {\n mode = "order";\n ap.order = "order"; // 切换为顺序播放\n $('#mode').html('<i class='fa-solid fa-circle'>'); // 修改按钮图标\n }\n });\n },\n error: function () {\n setTimeout(function () {\n iziToast.info({\n timeout: 8000,\n icon: "fa-solid fa-circle-exclamation",\n displayMode: 'replace',\n message: '音乐播放器加载失败'\n });\n }, 3800);\n }\n})

网易云音乐播放器 - 在线音乐播放 - 音乐播放器

原文地址: https://www.cveoy.top/t/topic/pAwd 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录