✨️靓标库🧚‍♂️名人堂⚔️攻守道🎲骰子🥊猜拳🏧黑市🏧银行💹抽奖💝捐助
✨活动💥客户端🎫卡密📜淘帖🧩导读📢推广👛帮助💰️钱包💖关注
  • 首页
  • 社区
  • 资源
  • 拍卖
  • 排行Ranklist
  • 家园Space
  • 圈子
  • 任务
  • 商城
  • 文库
  • 需求
    • 立即注册
    飞流论坛»社区 › 网络中心 › 站长之家 › 子比主题 – 左下角音乐播放器美化版
    返回列表 发布新帖
    查看: 108|回复: 0

    [代码技巧] 子比主题 – 左下角音乐播放器美化版

    [复制链接]
    SunJu_FaceMall
    社区贡献

    315

    主题

    190

    回帖

    1万

    积分

    等级头衔
    Icon组别 : 管理员
    Icon等级 :

    积分成就
       钻石 : 524 颗
       贡献 : 1849 点
       金币 : 12 枚
    Icon在线时间 : 1297 小时
    Icon注册时间 : 2024-11-22
    Icon最后登录 : 2025-12-9

    荣誉勋章

    会员LV.1会员LV.2会员LV.3会员LV.4会员LV.5会员LV.6会员LV.7会员LV.8会员LV.9会员LV.10

    风云·优秀版主
    飞流名人堂成员

    1

    实名认证 手机认证 vip vip-year FLLTCN发表于 2025-10-10 17:38:08 | 查看全部 |阅读模式 浙江金华

    资源无需等待，交易就趁现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

    您需要 登录 才可以下载或查看，没有账号？立即注册

    ×
    腾飞博客逛论坛的时候发现一个美化播放器，这个播放器还是不错的，腾飞博客用了一下，是从从MetingAPI获取播放列表的，我觉得喜欢的可以换一下接口换成你的，接口网上很多，喜欢的自行部署吧！

    image.webp
    这款美化版本的播放器还是不错的，音乐跟着歌词同步，并且当播放音乐的时候还左下角还有封面旋转的效果！

    代码部署


    将下面的代码丢到：子比主题–>>自定义底部HTML代码即可，里面的接口自己找一下网上的接口，对接一下自己的歌单就可以！
    1. <style>
    2.     .meting-player-container * {
    3.         margin: 0;
    4.         padding: 0;
    5.         box-sizing: border-box;
    6.         font-family: 'Microsoft YaHei', sans-serif;
    7.     }

    9.     .meting-player-container {
    10.         position: fixed;
    11.         left: 20px;
    12.         bottom: 70px;
    13.         z-index: 1000;
    14.         width: 360px;
    15.         transition: all 0.3s ease;
    16.     }

    18.         .meting-player-container.minimized {
    19.             width: 50px;
    20.             height: 50px;
    21.         }

    23.     .meting-player-main {
    24.         background: rgba(60, 66, 64, 0.9);
    25.         border-radius: 12px;
    26.         overflow: hidden;
    27.         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    28.         color: white;
    29.         display: flex;
    30.         flex-direction: column;
    31.         transition: all 0.3s ease;
    32.     }

    34.     .minimized .meting-player-main {
    35.         height: 50px;
    36.         width: 50px;
    37.         border-radius: 50%;
    38.         display: flex;
    39.         align-items: center;
    40.         justify-content: center;
    41.     }

    43.     .meting-album-cover {
    44.         display: none;
    45.         width: 40px;
    46.         height: 40px;
    47.         border-radius: 50%;
    48.         object-fit: cover;
    49.         animation: meting-rotate 10s linear infinite;
    50.         animation-play-state: paused;
    51.     }

    53.     .minimized .meting-album-cover {
    54.         display: block;
    55.     }

    57.     .playing .meting-album-cover {
    58.         animation-play-state: running;
    59.     }

    61.     @keyframes meting-rotate {
    62.         100% {
    63.             transform: rotate(360deg);
    64.         }
    65.     }

    67.     .meting-player-header {
    68.         display: flex;
    69.         align-items: center;
    70.         padding: 12px 15px;
    71.         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    72.     }

    74.     .minimized .meting-player-header {
    75.         display: none;
    76.     }

    78.     .meting-song-info {
    79.         flex: 1;
    80.         overflow: hidden;
    81.     }

    83.     .meting-song-title {
    84.         font-size: 14px;
    85.         white-space: nowrap;
    86.         overflow: hidden;
    87.         text-overflow: ellipsis;
    88.     }

    90.     .meting-song-artist {
    91.         font-size: 12px;
    92.         opacity: 0.8;
    93.         white-space: nowrap;
    94.         overflow: hidden;
    95.         text-overflow: ellipsis;
    96.     }

    98.     .meting-player-controls {
    99.         display: flex;
    100.         flex-direction: column;
    101.         padding: 15px;
    102.     }

    104.     .minimized .meting-player-controls {
    105.         display: none;
    106.     }

    108.     .meting-progress-top {
    109.         display: flex;
    110.         align-items: center;
    111.         margin-bottom: 15px;
    112.         width: 100%;
    113.     }

    115.     .meting-progress-container {
    116.         flex: 1;
    117.         height: 12px;
    118.         background: rgba(255, 255, 255, 0.3);
    119.         border-radius: 6px;
    120.         margin-right: 10px;
    121.         cursor: pointer;
    122.         position: relative;
    123.     }

    125.     .meting-progress-bar {
    126.         height: 100%;
    127.         background: #1db954;
    128.         border-radius: 6px;
    129.         width: 0%;
    130.     }

    132.     .meting-time-display {
    133.         font-size: 12px;
    134.         opacity: 0.8;
    135.         min-width: 80px;
    136.         text-align: center;
    137.     }

    139.     .meting-controls-bottom {
    140.         display: flex;
    141.         align-items: center;
    142.         justify-content: space-between;
    143.         width: 100%;
    144.     }

    146.     .meting-control-buttons {
    147.         display: flex;
    148.         align-items: center;
    149.     }

    151.     .meting-control-btn {
    152.         background: none;
    153.         border: none;
    154.         color: white;
    155.         font-size: 20px;
    156.         cursor: pointer;
    157.         margin: 0 5px;
    158.         outline: none;
    159.         transition: all 0.2s;
    160.         width: 32px;
    161.         height: 32px;
    162.         display: flex;
    163.         align-items: center;
    164.         justify-content: center;
    165.     }

    167.         .meting-control-btn:hover {
    168.             color: #1db954;
    169.         }

    171.     .meting-play-pause {
    172.         font-size: 32px;
    173.         width: 40px;
    174.         height: 40px;
    175.     }

    177.     .meting-volume-container {
    178.         display: flex;
    179.         align-items: center;
    180.     }

    182.     .meting-volume-btn {
    183.         background: none;
    184.         border: none;
    185.         color: white;
    186.         font-size: 18px;
    187.         cursor: pointer;
    188.         outline: none;
    189.         width: 24px;
    190.         height: 24px;
    191.         display: flex;
    192.         align-items: center;
    193.         justify-content: center;
    194.     }

    196.     .meting-volume-slider {
    197.         width: 80px;
    198.         margin-left: 5px;
    199.         -webkit-appearance: none;
    200.         height: 4px;
    201.         background: rgba(255, 255, 255, 0.3);
    202.         border-radius: 2px;
    203.         outline: none;
    204.     }

    206.         .meting-volume-slider::-webkit-slider-thumb {
    207.             -webkit-appearance: none;
    208.             width: 12px;
    209.             height: 12px;
    210.             border-radius: 50%;
    211.             background: #fff;
    212.             cursor: pointer;
    213.         }

    215.     .meting-toggle-player {
    216.         position: absolute;
    217.         top: -10px;
    218.         right: -10px;
    219.         width: 24px;
    220.         height: 24px;
    221.         border-radius: 50%;
    222.         background: #1db954;
    223.         color: white;
    224.         display: flex;
    225.         align-items: center;
    226.         justify-content: center;
    227.         cursor: pointer;
    228.         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    229.         border: none;
    230.         font-size: 14px;
    231.         transition: all 0.2s;
    232.     }

    234.         .meting-toggle-player:hover {
    235.             transform: scale(1.1);
    236.         }

    238.     .meting-lyrics-container {
    239.         position: fixed;
    240.         bottom: 0;
    241.         left: 0;
    242.         right: 0;
    243.         text-align: center;
    244.         padding: 10px;
    245.         background: rgba(0, 0, 0, 0.5);
    246.         color: white;
    247.         font-size: 16px;
    248.         z-index: 900;
    249.         transition: all 0.3s;
    250.     }

    252.     .meting-lyrics-line {
    253.         margin: 5px 0;
    254.         opacity: 0.5;
    255.         transition: all 0.3s;
    256.     }

    258.         .meting-lyrics-line.active {
    259.             opacity: 1;
    260.             color: #1db954;
    261.             font-weight: bold;
    262.             transform: scale(1.05);
    263.         }

    265.     .meting-playlist-btn {
    266.         background: none;
    267.         border: none;
    268.         color: white;
    269.         font-size: 20px;
    270.         cursor: pointer;
    271.         margin-left: 10px;
    272.         outline: none;
    273.         width: 24px;
    274.         height: 24px;
    275.         display: flex;
    276.         align-items: center;
    277.         justify-content: center;
    278.     }

    280.     .meting-lyrics-btn {
    281.         background: none;
    282.         border: none;
    283.         color: white;
    284.         font-size: 16px;
    285.         cursor: pointer;
    286.         margin-left: 10px;
    287.         outline: none;
    288.         width: 24px;
    289.         height: 24px;
    290.         display: flex;
    291.         align-items: center;
    292.         justify-content: center;
    293.         font-weight: bold;
    294.     }

    296.         .meting-lyrics-btn.active {
    297.             color: #1db954;
    298.         }

    300.     /* 重新设计播放列表样式 - 更美观的电脑端播放列表 */
    301.     .meting-playlist-container {
    302.         position: absolute;
    303.         bottom: calc(100% + 10px); /* 与控制面板之间添加间隙 */
    304.         left: 0;
    305.         right: 0;
    306.         background: rgba(60, 66, 64, 0.9); /* 透明度与控制台一致 */
    307.         backdrop-filter: blur(10px);
    308.         border-radius: 12px; /* 四个角都是圆角 */
    309.         max-height: 400px;
    310.         overflow-y: auto;
    311.         display: none;
    312.         padding: 15px;
    313.         box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.4);
    314.         border: 1px solid rgba(255, 255, 255, 0.1);
    315.         scrollbar-width: thin;
    316.         scrollbar-color: #1db954 rgba(255, 255, 255, 0.1);
    317.     }

    319.         .meting-playlist-container::-webkit-scrollbar {
    320.             width: 6px;
    321.         }

    323.         .meting-playlist-container::-webkit-scrollbar-track {
    324.             background: rgba(255, 255, 255, 0.05);
    325.             border-radius: 3px;
    326.         }

    328.         .meting-playlist-container::-webkit-scrollbar-thumb {
    329.             background-color: #1db954;
    330.             border-radius: 3px;
    331.         }

    333.         .meting-playlist-container.show {
    334.             display: block;
    335.         }

    337.     .meting-playlist-header {
    338.         display: flex;
    339.         justify-content: space-between;
    340.         align-items: center;
    341.         margin-bottom: 15px;
    342.         padding-bottom: 10px;
    343.         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    344.     }

    346.     .meting-playlist-title {
    347.         font-size: 16px;
    348.         font-weight: bold;
    349.         color: #fff;
    350.     }

    352.     .meting-playlist-count {
    353.         font-size: 13px;
    354.         opacity: 0.7;
    355.     }

    357.     .meting-playlist-items {
    358.         display: flex;
    359.         flex-direction: column;
    360.         gap: 8px;
    361.     }

    363.     .meting-playlist-item {
    364.         padding: 12px 15px;
    365.         border-radius: 8px;
    366.         cursor: pointer;
    367.         display: flex;
    368.         align-items: center;
    369.         transition: all 0.2s ease;
    370.         background: rgba(255, 255, 255, 0.03);
    371.     }

    373.         .meting-playlist-item:hover {
    374.             background: rgba(29, 185, 84, 0.15);
    375.             transform: translateY(-2px);
    376.         }

    378.         .meting-playlist-item.playing {
    379.             background: rgba(29, 185, 84, 0.2);
    380.             box-shadow: 0 4px 12px rgba(29, 185, 84, 0.2);
    381.         }

    383.             .meting-playlist-item.playing .meting-playlist-item-index {
    384.                 color: #1db954;
    385.                 font-weight: bold;
    386.             }

    388.             .meting-playlist-item.playing .meting-playlist-item-title {
    389.                 color: #1db954;
    390.             }

    392.     .meting-playlist-item-index {
    393.         margin-right: 15px;
    394.         font-size: 14px;
    395.         opacity: 0.8;
    396.         min-width: 24px;
    397.         text-align: center;
    398.         transition: all 0.2s ease;
    399.     }

    401.     .meting-playlist-item-info {
    402.         flex: 1;
    403.         overflow: hidden;
    404.         min-width: 0;
    405.     }

    407.     .meting-playlist-item-title {
    408.         font-size: 14px;
    409.         font-weight: 500;
    410.         white-space: nowrap;
    411.         overflow: hidden;
    412.         text-overflow: ellipsis;
    413.         margin-bottom: 3px;
    414.         transition: all 0.2s ease;
    415.     }

    417.     .meting-playlist-item-artist {
    418.         font-size: 12px;
    419.         opacity: 0.7;
    420.         white-space: nowrap;
    421.         overflow: hidden;
    422.         text-overflow: ellipsis;
    423.     }

    425.     .meting-playlist-item-duration {
    426.         font-size: 12px;
    427.         opacity: 0.6;
    428.         margin-left: 10px;
    429.         min-width: 40px;
    430.         text-align: right;
    431.     }

    433.     .meting-mode-btn {
    434.         background: none;
    435.         border: none;
    436.         color: white;
    437.         font-size: 16px;
    438.         cursor: pointer;
    439.         margin-left: 5px;
    440.         outline: none;
    441.         width: 24px;
    442.         height: 24px;
    443.         display: flex;
    444.         align-items: center;
    445.         justify-content: center;
    446.     }

    448.     /* 手机端适配 */
    449.     @media screen and (max-width: 768px) {
    450.         .meting-player-container {
    451.             left: 10px;
    452.             right: auto;
    453.             bottom: 20px;
    454.             width: auto;
    455.             max-width: 320px;
    456.             margin: 0;
    457.         }

    459.         .meting-player-main {
    460.             border-radius: 10px;
    461.         }

    463.         .meting-player-header {
    464.             padding: 10px;
    465.         }

    467.         .meting-song-title {
    468.             font-size: 13px;
    469.         }

    471.         .meting-song-artist {
    472.             font-size: 11px;
    473.         }

    475.         .meting-player-controls {
    476.             padding: 10px;
    477.         }

    479.         .meting-progress-top {
    480.             flex-direction: row;
    481.             align-items: center;
    482.             margin-bottom: 10px;
    483.         }

    485.         .meting-time-display {
    486.             margin-top: 0;
    487.             min-width: auto;
    488.             text-align: right;
    489.             font-size: 11px;
    490.             margin-left: 10px;
    491.         }

    493.         .meting-controls-bottom {
    494.             flex-direction: row;
    495.             gap: 5px;
    496.         }

    498.         .meting-volume-container {
    499.             width: auto;
    500.             justify-content: flex-end;
    501.         }

    503.         .meting-volume-slider {
    504.             flex: 1;
    505.             max-width: 80px;
    506.         }

    508.         .meting-control-btn {
    509.             font-size: 18px;
    510.             margin: 0 3px;
    511.             width: 28px;
    512.             height: 28px;
    513.         }

    515.         .meting-play-pause {
    516.             font-size: 28px;
    517.             width: 36px;
    518.             height: 36px;
    519.         }

    521.         .meting-toggle-player {
    522.             top: -8px;
    523.             right: -8px;
    524.             width: 20px;
    525.             height: 20px;
    526.             font-size: 12px;
    527.         }

    529.         .meting-lyrics-container {
    530.             font-size: 14px;
    531.             padding: 8px;
    532.             z-index: 800;
    533.         }

    535.         /* 手机端播放列表样式 */
    536.         .meting-playlist-container {
    537.             max-height: 200px;
    538.             border-radius: 10px; /* 四个角都是圆角 */
    539.             padding: 10px;
    540.             bottom: calc(100% + 8px); /* 与控制面板之间添加间隙 */
    541.             background: rgba(60, 66, 64, 0.9); /* 透明度与控制台一致 */
    542.         }

    544.         .meting-playlist-header {
    545.             margin-bottom: 10px;
    546.             padding-bottom: 8px;
    547.         }

    549.         .meting-playlist-title {
    550.             font-size: 14px;
    551.         }

    553.         .meting-playlist-count {
    554.             font-size: 11px;
    555.         }

    557.         .meting-playlist-item {
    558.             padding: 10px 12px;
    559.             border-radius: 6px;
    560.         }

    562.         .meting-playlist-item-index {
    563.             margin-right: 12px;
    564.             font-size: 12px;
    565.             min-width: 20px;
    566.         }

    568.         .meting-playlist-item-title {
    569.             font-size: 13px;
    570.         }

    572.         .meting-playlist-item-artist {
    573.             font-size: 11px;
    574.         }

    576.         .meting-playlist-item-duration {
    577.             font-size: 11px;
    578.             min-width: 35px;
    579.         }

    581.         .meting-lyrics-container:not([style*="display: none"]) {
    582.             height: auto;
    583.         }

    585.         .meting-lyrics-container[style*="display: none"] ~ .meting-player-container {
    586.             bottom: 10px;
    587.         }
    588.     }

    590.     /* 小屏手机适配 */
    591.     @media screen and (max-width: 480px) {
    592.         .meting-player-container {
    593.             left: 5px;
    594.             right: auto;
    595.             bottom: 10px;
    596.             max-width: 300px;
    597.         }

    599.         .meting-player-header {
    600.             padding: 8px;
    601.         }

    603.         .meting-song-title {
    604.             font-size: 12px;
    605.         }

    607.         .meting-song-artist {
    608.             font-size: 10px;
    609.         }

    611.         .meting-control-btn {
    612.             font-size: 16px;
    613.             margin: 0 2px;
    614.             width: 24px;
    615.             height: 24px;
    616.         }

    618.         .meting-play-pause {
    619.             font-size: 24px;
    620.             width: 32px;
    621.             height: 32px;
    622.         }

    624.         .meting-lyrics-btn,
    625.         .meting-playlist-btn,
    626.         .meting-mode-btn {
    627.             font-size: 16px;
    628.             margin-left: 5px;
    629.             width: 20px;
    630.             height: 20px;
    631.         }

    633.         .meting-time-display {
    634.             font-size: 10px;
    635.         }

    637.         .meting-lyrics-container {
    638.             font-size: 13px;
    639.             padding: 5px;
    640.         }

    642.         .meting-volume-slider {
    643.             max-width: 60px;
    644.         }

    646.         /* 小屏手机播放列表样式 */
    647.         .meting-playlist-container {
    648.             max-height: 180px;
    649.             padding: 8px;
    650.             bottom: calc(100% + 5px); /* 与控制面板之间添加间隙 */
    651.             border-radius: 8px; /* 四个角都是圆角 */
    652.             background: rgba(60, 66, 64, 0.9); /* 透明度与控制台一致 */
    653.         }

    655.         .meting-playlist-item {
    656.             padding: 8px 10px;
    657.         }

    659.         .meting-playlist-item-index {
    660.             margin-right: 10px;
    661.             font-size: 11px;
    662.             min-width: 18px;
    663.         }

    665.         .meting-playlist-item-title {
    666.             font-size: 12px;
    667.         }

    669.         .meting-playlist-item-artist {
    670.             font-size: 10px;
    671.         }

    673.         .meting-playlist-item-duration {
    674.             display: none;
    675.         }
    676.     }
    677. </style>
    678. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    679. <div class="meting-player-container">
    680.     <div class="meting-player-main">
    681.         <img class="meting-album-cover" src="" alt="专辑封面">
    682.         <div class="meting-player-header">
    683.             <div class="meting-song-info">
    684.                 <div class="meting-song-title">正在加载...</div>
    685.                 <div class="meting-song-artist">请稍候</div>
    686.             </div>
    687.             <button class="meting-lyrics-btn">词</button>
    688.             <button class="meting-playlist-btn"><i class="fa fa-list"></i></button>
    689.             <button class="meting-mode-btn"><i class="fa fa-random"></i></button>
    690.         </div>
    691.         <div class="meting-player-controls">
    692.             <div class="meting-progress-top">
    693.                 <div class="meting-progress-container">
    694.                     <div class="meting-progress-bar"></div>
    695.                 </div>
    696.                 <div class="meting-time-display">00:00 / 00:00</div>
    697.             </div>
    698.             <div class="meting-controls-bottom">
    699.                 <div class="meting-control-buttons">
    700.                     <button class="meting-control-btn meting-prev-btn"><i class="fa fa-step-backward"></i></button>
    701.                     <button class="meting-control-btn meting-play-pause"><i class="fa fa-play"></i></button>
    702.                     <button class="meting-control-btn meting-next-btn"><i class="fa fa-step-forward"></i></button>
    703.                 </div>
    704.                 <div class="meting-volume-container">
    705.                     <button class="meting-volume-btn"><i class="fa fa-volume-up"></i></button>
    706.                     <input type="range" class="meting-volume-slider" min="0" max="100" value="80">
    707.                 </div>
    708.             </div>
    709.         </div>
    710.         <div class="meting-playlist-container">
    711.             <div class="meting-playlist-header">
    712.                 <div class="meting-playlist-title">播放列表</div>
    713.                 <div class="meting-playlist-count">0 首歌曲</div>
    714.             </div>
    715.             <div class="meting-playlist-items"></div>
    716.         </div>
    717.     </div>
    718.     <button class="meting-toggle-player"><i class="fa fa-minus"></i></button>
    719. </div>

    721. <div class="meting-lyrics-container">
    722.     <div class="meting-lyrics-line">歌词加载中...</div>
    723. </div>

    725. <script>
    726.     (function () {
    727.         // 播放器状态
    728.         const playerState = {
    729.             playlist: [],
    730.             currentIndex: 0,
    731.             isPlaying: false,
    732.             volume: 80,
    733.             currentTime: 0,
    734.             duration: 0,
    735.             mode: 'random', // random, sequential, loop
    736.             minimized: false,
    737.             lyricsVisible: true,
    738.             lyricsAutoHide: true,
    739.             lastPlayedSong: null,
    740.             lastPlayedPosition: 0,
    741.             autoPlayBlocked: false
    742.         };

    744.         // DOM元素
    745.         const elements = {
    746.             playerContainer: document.querySelector('.meting-player-container'),
    747.             playerMain: document.querySelector('.meting-player-main'),
    748.             albumCover: document.querySelector('.meting-album-cover'),
    749.             songTitle: document.querySelector('.meting-song-title'),
    750.             songArtist: document.querySelector('.meting-song-artist'),
    751.             playPauseBtn: document.querySelector('.meting-play-pause'),
    752.             prevBtn: document.querySelector('.meting-prev-btn'),
    753.             nextBtn: document.querySelector('.meting-next-btn'),
    754.             progressContainer: document.querySelector('.meting-progress-container'),
    755.             progressBar: document.querySelector('.meting-progress-bar'),
    756.             timeDisplay: document.querySelector('.meting-time-display'),
    757.             volumeBtn: document.querySelector('.meting-volume-btn'),
    758.             volumeSlider: document.querySelector('.meting-volume-slider'),
    759.             togglePlayerBtn: document.querySelector('.meting-toggle-player'),
    760.             lyricsContainer: document.querySelector('.meting-lyrics-container'),
    761.             lyricsLine: document.querySelector('.meting-lyrics-line'),
    762.             playlistBtn: document.querySelector('.meting-playlist-btn'),
    763.             playlistContainer: document.querySelector('.meting-playlist-container'),
    764.             playlistItems: document.querySelector('.meting-playlist-items'),
    765.             playlistTitle: document.querySelector('.meting-playlist-title'),
    766.             playlistCount: document.querySelector('.meting-playlist-count'),
    767.             modeBtn: document.querySelector('.meting-mode-btn'),
    768.             lyricsBtn: document.querySelector('.meting-lyrics-btn')
    769.         };

    771.         // 音频元素
    772.         const audio = new Audio();
    773.         audio.volume = playerState.volume / 100;

    775.         // 从localStorage加载状态
    776.         function loadPlayerState() {
    777.             const savedState = localStorage.getItem('metingPlayerState');
    778.             if (savedState) {
    779.                 const state = JSON.parse(savedState);
    780.                 playerState.currentIndex = state.currentIndex || 0;
    781.                 playerState.isPlaying = state.isPlaying || false;
    782.                 playerState.volume = state.volume || 80;
    783.                 playerState.currentTime = state.currentTime || 0;
    784.                 playerState.mode = state.mode || 'random';
    785.                 playerState.minimized = state.minimized || false;
    786.                 playerState.lyricsVisible = state.lyricsVisible !== undefined ? state.lyricsVisible : true;
    787.                 playerState.lyricsAutoHide = state.lyricsAutoHide !== undefined ? state.lyricsAutoHide : true;
    788.                 playerState.lastPlayedSong = state.lastPlayedSong || null;
    789.                 playerState.lastPlayedPosition = state.lastPlayedPosition || 0;

    791.                 // 应用保存的状态
    792.                 audio.volume = playerState.volume / 100;
    793.                 elements.volumeSlider.value = playerState.volume;

    795.                 if (playerState.minimized) {
    796.                     elements.playerContainer.classList.add('minimized');
    797.                     elements.togglePlayerBtn.innerHTML = '<i class="fa fa-plus"></i>';
    798.                 }

    800.                 // 应用歌词显示状态
    801.                 updateLyricsVisibility();
    802.                 updateLyricsButton();

    804.                 updateModeButton();
    805.                 updateVolumeIcon();
    806.             }
    807.         }

    809.         // 保存状态到localStorage
    810.         function savePlayerState() {
    811.             playerState.currentTime = audio.currentTime;

    813.             if (playerState.playlist.length > 0 && playerState.currentIndex >= 0) {
    814.                 const currentSong = playerState.playlist[playerState.currentIndex];
    815.                 playerState.lastPlayedSong = {
    816.                     id: currentSong.id || currentSong.name,
    817.                     name: currentSong.name,
    818.                     artist: currentSong.artist
    819.                 };
    820.                 playerState.lastPlayedPosition = audio.currentTime;
    821.             }

    823.             localStorage.setItem('metingPlayerState', JSON.stringify(playerState));
    824.         }

    826.         // 更新歌词按钮状态
    827.         function updateLyricsButton() {
    828.             if (playerState.lyricsVisible) {
    829.                 elements.lyricsBtn.classList.add('active');
    830.             } else {
    831.                 elements.lyricsBtn.classList.remove('active');
    832.             }
    833.         }

    835.         // 更新歌词可见性
    836.         function updateLyricsVisibility() {
    837.             if (playerState.lyricsVisible && !playerState.autoPlayBlocked) {
    838.                 elements.lyricsContainer.style.display = 'block';
    839.                 adjustPlayerPosition();
    840.             } else {
    841.                 elements.lyricsContainer.style.display = 'none';
    842.                 resetPlayerPosition();
    843.             }
    844.         }

    846.         // 调整播放器位置（确保在歌词上方）
    847.         function adjustPlayerPosition() {
    848.             if (window.matchMedia('(max-width: 768px)').matches) {
    849.                 const lyricsHeight = elements.lyricsContainer.offsetHeight;
    850.                 elements.playerContainer.style.bottom = (lyricsHeight + 10) + 'px';
    851.             }
    852.         }

    854.         // 重置播放器位置（歌词隐藏时）
    855.         function resetPlayerPosition() {
    856.             if (window.matchMedia('(max-width: 768px)').matches) {
    857.                 elements.playerContainer.style.bottom = '10px';
    858.             }
    859.         }

    861.         // 更新模式按钮
    862.         function updateModeButton() {
    863.             switch (playerState.mode) {
    864.                 case 'random':
    865.                     elements.modeBtn.innerHTML = '<i class="fa fa-random"></i>';
    866.                     break;
    867.                 case 'sequential':
    868.                     elements.modeBtn.innerHTML = '<i class="fa fa-arrow-right"></i>';
    869.                     break;
    870.                 case 'loop':
    871.                     elements.modeBtn.innerHTML = '<i class="fa fa-repeat"></i>';
    872.                     break;
    873.             }
    874.         }

    876.         // 更新音量图标
    877.         function updateVolumeIcon() {
    878.             const volume = elements.volumeSlider.value;
    879.             let iconClass = 'fa-volume-up';

    881.             if (volume == 0) {
    882.                 iconClass = 'fa-volume-off';
    883.             } else if (volume < 33) {
    884.                 iconClass = 'fa-volume-down';
    885.             }

    887.             elements.volumeBtn.innerHTML = `<i class="fa ${iconClass}"></i>`;
    888.         }

    890.         // 从MetingAPI获取播放列表
    891.         async function fetchPlaylist() {
    892.             try {
    893.                 const response = await fetch('https://music.3e0.cn/?server=tencent&type=playlist&id=3771408184');
    894.                 const playlist = await response.json();

    896.                 if (Array.isArray(playlist) && playlist.length > 0) {
    897.                     playerState.playlist = playlist;
    898.                     renderPlaylist();

    900.                     // 检查是否有上次播放的歌曲记录
    901.                     let targetIndex = 0;
    902.                     let targetPosition = 0;

    904.                     if (playerState.lastPlayedSong) {
    905.                         // 尝试找到上次播放的歌曲
    906.                         const foundIndex = playlist.findIndex(song =>
    907.                             (song.id && song.id === playerState.lastPlayedSong.id) ||
    908.                             (song.name === playerState.lastPlayedSong.name && song.artist === playerState.lastPlayedSong.artist)
    909.                         );

    911.                         if (foundIndex !== -1) {
    912.                             targetIndex = foundIndex;
    913.                             targetPosition = playerState.lastPlayedPosition;
    914.                         }
    915.                     } else if (playerState.currentIndex >= 0 && playerState.currentIndex < playlist.length) {
    916.                         // 使用保存的索引
    917.                         targetIndex = playerState.currentIndex;
    918.                         targetPosition = playerState.currentTime;
    919.                     }

    921.                     // 加载歌曲
    922.                     loadSong(targetIndex, targetPosition);

    924.                     // 如果是播放状态，开始播放
    925.                     if (playerState.isPlaying) {
    926.                         setTimeout(() => {
    927.                             audio.play().catch(e => {
    928.                                 console.log('自动播放被阻止:', e);
    929.                                 playerState.autoPlayBlocked = true;
    930.                                 playerState.isPlaying = false;
    931.                                 elements.playPauseBtn.innerHTML = '<i class="fa fa-play"></i>';
    932.                                 elements.playerMain.classList.remove('playing');

    934.                                 // 自动播放被阻止时隐藏歌词
    935.                                 updateLyricsVisibility();
    936.                                 savePlayerState();
    937.                             });
    938.                         }, 500);
    939.                     }
    940.                 } else {
    941.                     console.error('获取播放列表失败');
    942.                     elements.songTitle.textContent = '获取播放列表失败';
    943.                 }
    944.             } catch (error) {
    945.                 console.error('获取播放列表出错:', error);
    946.                 elements.songTitle.textContent = '获取播放列表出错';
    947.             }
    948.         }

    950.         // 渲染播放列表
    951.         function renderPlaylist() {
    952.             elements.playlistItems.innerHTML = '';
    953.             elements.playlistCount.textContent = `${playerState.playlist.length} 首歌曲`;

    955.             playerState.playlist.forEach((song, index) => {
    956.                 const item = document.createElement('div');
    957.                 item.className = 'meting-playlist-item';
    958.                 if (index === playerState.currentIndex) {
    959.                     item.classList.add('playing');
    960.                 }

    962.                 // 格式化歌曲时长
    963.                 let durationText = '';
    964.                 if (song.duration) {
    965.                     const minutes = Math.floor(song.duration / 60);
    966.                     const seconds = Math.floor(song.duration % 60);
    967.                     durationText = `${minutes}:${seconds.toString().padStart(2, '0')}`;
    968.                 }

    970.                 item.innerHTML = `
    971.                 <div class="meting-playlist-item-index">${index + 1}</div>
    972.                 <div class="meting-playlist-item-info">
    973.                     <div class="meting-playlist-item-title">${song.name}</div>
    974.                     <div class="meting-playlist-item-artist">${song.artist}</div>
    975.                 </div>
    976.                 <div class="meting-playlist-item-duration">${durationText}</div>
    977.             `;

    979.                 // 修改播放列表项点击事件处理 - 修复歌词显示问题
    980.                 item.addEventListener('click', () => {
    981.                     // 设置播放状态为true
    982.                     playerState.isPlaying = true;
    983.                     // 更新播放按钮状态
    984.                     elements.playPauseBtn.innerHTML = '<i class="fa fa-pause"></i>';
    985.                     elements.playerMain.classList.add('playing');

    987.                     // 确保歌词正确显示 - 修复的关键代码
    988.                     playerState.autoPlayBlocked = false;
    989.                     updateLyricsVisibility();

    991.                     // 加载并播放歌曲
    992.                     loadSong(index);
    993.                     audio.play().catch(e => {
    994.                         console.log('播放被阻止:', e);
    995.                         playerState.autoPlayBlocked = true;
    996.                         playerState.isPlaying = false;
    997.                         elements.playPauseBtn.innerHTML = '<i class="fa fa-play"></i>';
    998.                         elements.playerMain.classList.remove('playing');

    1000.                         // 播放被阻止时隐藏歌词
    1001.                         updateLyricsVisibility();
    1002.                         savePlayerState();
    1003.                     });
    1004.                 });

    1006.                 elements.playlistItems.appendChild(item);
    1007.             });

    1009.             // 如果播放列表显示，自动滚动到当前播放的歌曲
    1010.             if (elements.playlistContainer.classList.contains('show')) {
    1011.                 scrollToCurrentSong();
    1012.             }
    1013.         }

    1015.         // 滚动到当前播放的歌曲
    1016.         function scrollToCurrentSong() {
    1017.             const currentItem = elements.playlistItems.children[playerState.currentIndex];
    1018.             if (currentItem) {
    1019.                 currentItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
    1020.             }
    1021.         }

    1023.         // 加载歌曲
    1024.         function loadSong(index, position = 0) {
    1025.             if (index < 0 || index >= playerState.playlist.length) return;

    1027.             const song = playerState.playlist[index];
    1028.             playerState.currentIndex = index;

    1030.             elements.songTitle.textContent = song.name;
    1031.             elements.songArtist.textContent = song.artist;

    1033.             // 设置专辑封面 - 使用API返回的pic字段
    1034.             if (song.pic) {
    1035.                 elements.albumCover.src = song.pic;
    1036.             }

    1038.             audio.src = song.url;
    1039.             audio.load();

    1041.             // 设置播放位置
    1042.             audio.onloadedmetadata = function () {
    1043.                 if (position > 0 && position < audio.duration) {
    1044.                     audio.currentTime = position;
    1045.                     playerState.currentTime = position;
    1046.                 }

    1048.                 if (playerState.isPlaying) {
    1049.                     audio.play().catch(e => {
    1050.                         console.log('播放被阻止:', e);
    1051.                         playerState.autoPlayBlocked = true;
    1052.                         playerState.isPlaying = false;
    1053.                         elements.playPauseBtn.innerHTML = '<i class="fa fa-play"></i>';
    1054.                         elements.playerMain.classList.remove('playing');

    1056.                         // 播放被阻止时隐藏歌词
    1057.                         updateLyricsVisibility();
    1058.                         savePlayerState();
    1059.                     });
    1060.                     elements.playerMain.classList.add('playing');
    1061.                 } else {
    1062.                     elements.playerMain.classList.remove('playing');
    1063.                 }
    1064.             };

    1066.             // 加载歌词
    1067.             fetchLyrics(song.lrc);

    1069.             // 更新播放列表高亮
    1070.             const items = document.querySelectorAll('.meting-playlist-item');
    1071.             items.forEach((item, i) => {
    1072.                 if (i === index) {
    1073.                     item.classList.add('playing');
    1074.                 } else {
    1075.                     item.classList.remove('playing');
    1076.                 }
    1077.             });

    1079.             // 自动滚动到当前播放的歌曲
    1080.             scrollToCurrentSong();

    1082.             // 保存状态
    1083.             savePlayerState();

    1085.             // 确保歌词显示状态正确 - 新增的修复代码
    1086.             updateLyricsVisibility();
    1087.         }

    1089.         // 获取歌词
    1090.         async function fetchLyrics(url) {
    1091.             try {
    1092.                 const response = await fetch(url);
    1093.                 const text = await response.text();
    1094.                 parseLyrics(text);
    1095.             } catch (error) {
    1096.                 console.error('获取歌词失败:', error);
    1097.                 elements.lyricsLine.textContent = '歌词加载失败';
    1098.             }
    1099.         }

    1101.         // 解析歌词
    1102.         function parseLyrics(text) {
    1103.             const lines = text.split('\n');
    1104.             const lyrics = [];

    1106.             // 解析歌词行
    1107.             const regex = /\[(\d+):(\d+)\.(\d+)\](.*)/;
    1108.             lines.forEach(line => {
    1109.                 const match = line.match(regex);
    1110.                 if (match) {
    1111.                     const minutes = parseInt(match[1]);
    1112.                     const seconds = parseInt(match[2]);
    1113.                     const milliseconds = parseInt(match[3]);
    1114.                     const text = match[4].trim();

    1116.                     const time = minutes * 60 + seconds + milliseconds / 100;
    1117.                     lyrics.push({ time, text });
    1118.                 }
    1119.             });

    1121.             // 按时间排序
    1122.             lyrics.sort((a, b) => a.time - b.time);

    1124.             // 存储歌词
    1125.             playerState.lyrics = lyrics;
    1126.             elements.lyricsLine.textContent = lyrics.length > 0 ? lyrics[0].text : '暂无歌词';

    1128.             // 歌词加载后调整播放器位置
    1129.             setTimeout(adjustPlayerPosition, 100);
    1130.         }

    1132.         // 更新歌词显示
    1133.         function updateLyrics() {
    1134.             if (!playerState.lyrics || !playerState.lyricsVisible || playerState.autoPlayBlocked) return;

    1136.             const currentTime = audio.currentTime;
    1137.             let currentLine = '';

    1139.             for (let i = playerState.lyrics.length - 1; i >= 0; i--) {
    1140.                 if (currentTime >= playerState.lyrics[i].time) {
    1141.                     currentLine = playerState.lyrics[i].text;
    1142.                     break;
    1143.                 }
    1144.             }

    1146.             elements.lyricsLine.textContent = currentLine || '♪';
    1147.         }

    1149.         // 播放/暂停
    1150.         function togglePlay() {
    1151.             if (audio.paused) {
    1152.                 audio.play().then(() => {
    1153.                     playerState.isPlaying = true;
    1154.                     playerState.autoPlayBlocked = false;
    1155.                     elements.playPauseBtn.innerHTML = '<i class="fa fa-pause"></i>';
    1156.                     elements.playerMain.classList.add('playing');

    1158.                     // 播放时显示歌词
    1159.                     updateLyricsVisibility();
    1160.                 }).catch(e => {
    1161.                     console.log('播放被阻止:', e);
    1162.                     playerState.autoPlayBlocked = true;
    1163.                     playerState.isPlaying = false;
    1164.                     elements.playPauseBtn.innerHTML = '<i class="fa fa-play"></i>';
    1165.                     elements.playerMain.classList.remove('playing');

    1167.                     // 播放被阻止时隐藏歌词
    1168.                     updateLyricsVisibility();
    1169.                 });
    1170.             } else {
    1171.                 audio.pause();
    1172.                 playerState.isPlaying = false;
    1173.                 elements.playPauseBtn.innerHTML = '<i class="fa fa-play"></i>';
    1174.                 elements.playerMain.classList.remove('playing');

    1176.                 // 暂停时自动隐藏歌词
    1177.                 if (playerState.lyricsAutoHide && playerState.lyricsVisible) {
    1178.                     elements.lyricsContainer.style.display = 'none';
    1179.                     resetPlayerPosition();
    1180.                 }
    1181.             }
    1182.             savePlayerState();
    1183.         }

    1185.         // 切换歌词显示/隐藏
    1186.         function toggleLyrics() {
    1187.             playerState.lyricsVisible = !playerState.lyricsVisible;

    1189.             updateLyricsVisibility();
    1190.             updateLyricsButton();

    1192.             savePlayerState();
    1193.         }

    1195.         // 下一首 - 修复播放状态问题
    1196.         function nextSong() {
    1197.             let nextIndex;

    1199.             switch (playerState.mode) {
    1200.                 case 'random':
    1201.                     nextIndex = Math.floor(Math.random() * playerState.playlist.length);
    1202.                     break;
    1203.                 case 'sequential':
    1204.                     nextIndex = (playerState.currentIndex + 1) % playerState.playlist.length;
    1205.                     break;
    1206.                 case 'loop':
    1207.                     nextIndex = playerState.currentIndex;
    1208.                     break;
    1209.             }

    1211.             // 设置播放状态并更新UI - 修复的关键代码
    1212.             playerState.isPlaying = true;
    1213.             playerState.autoPlayBlocked = false;
    1214.             elements.playPauseBtn.innerHTML = '<i class="fa fa-pause"></i>';
    1215.             elements.playerMain.classList.add('playing');

    1217.             // 确保歌词显示
    1218.             updateLyricsVisibility();

    1220.             // 加载并播放歌曲
    1221.             loadSong(nextIndex);
    1222.             audio.play().catch(e => {
    1223.                 console.log('播放被阻止:', e);
    1224.                 playerState.autoPlayBlocked = true;
    1225.                 playerState.isPlaying = false;
    1226.                 elements.playPauseBtn.innerHTML = '<i class="fa fa-play"></i>';
    1227.                 elements.playerMain.classList.remove('playing');

    1229.                 // 播放被阻止时隐藏歌词
    1230.                 updateLyricsVisibility();
    1231.                 savePlayerState();
    1232.             });
    1233.         }

    1235.         // 上一首 - 修复播放状态问题
    1236.         function prevSong() {
    1237.             let prevIndex;

    1239.             switch (playerState.mode) {
    1240.                 case 'random':
    1241.                     prevIndex = Math.floor(Math.random() * playerState.playlist.length);
    1242.                     break;
    1243.                 case 'sequential':
    1244.                     prevIndex = (playerState.currentIndex - 1 + playerState.playlist.length) % playerState.playlist.length;
    1245.                     break;
    1246.                 case 'loop':
    1247.                     prevIndex = playerState.currentIndex;
    1248.                     break;
    1249.             }

    1251.             // 设置播放状态并更新UI - 修复的关键代码
    1252.             playerState.isPlaying = true;
    1253.             playerState.autoPlayBlocked = false;
    1254.             elements.playPauseBtn.innerHTML = '<i class="fa fa-pause"></i>';
    1255.             elements.playerMain.classList.add('playing');

    1257.             // 确保歌词显示
    1258.             updateLyricsVisibility();

    1260.             // 加载并播放歌曲
    1261.             loadSong(prevIndex);
    1262.             audio.play().catch(e => {
    1263.                 console.log('播放被阻止:', e);
    1264.                 playerState.autoPlayBlocked = true;
    1265.                 playerState.isPlaying = false;
    1266.                 elements.playPauseBtn.innerHTML = '<i class="fa fa-play"></i>';
    1267.                 elements.playerMain.classList.remove('playing');

    1269.                 // 播放被阻止时隐藏歌词
    1270.                 updateLyricsVisibility();
    1271.                 savePlayerState();
    1272.             });
    1273.         }

    1275.         // 切换播放模式
    1276.         function toggleMode() {
    1277.             const modes = ['random', 'sequential', 'loop'];
    1278.             const currentIndex = modes.indexOf(playerState.mode);
    1279.             playerState.mode = modes[(currentIndex + 1) % modes.length];
    1280.             updateModeButton();
    1281.             savePlayerState();
    1282.         }

    1284.         // 切换播放器最小化状态
    1285.         function toggleMinimize() {
    1286.             playerState.minimized = !playerState.minimized;

    1288.             if (playerState.minimized) {
    1289.                 elements.playerContainer.classList.add('minimized');
    1290.                 elements.togglePlayerBtn.innerHTML = '<i class="fa fa-plus"></i>';
    1291.                 // 隐藏播放列表
    1292.                 elements.playlistContainer.classList.remove('show');
    1293.             } else {
    1294.                 elements.playerContainer.classList.remove('minimized');
    1295.                 elements.togglePlayerBtn.innerHTML = '<i class="fa fa-minus"></i>';
    1296.             }

    1298.             savePlayerState();
    1299.         }

    1301.         // 切换播放列表显示
    1302.         function togglePlaylist() {
    1303.             // 如果正在最小化状态，先退出最小化
    1304.             if (playerState.minimized) {
    1305.                 toggleMinimize();
    1306.             }
    1307.             elements.playlistContainer.classList.toggle('show');

    1309.             // 如果播放列表显示，则滚动到当前播放的歌曲
    1310.             if (elements.playlistContainer.classList.contains('show')) {
    1311.                 // 使用setTimeout确保播放列表渲染完成
    1312.                 setTimeout(() => {
    1313.                     scrollToCurrentSong();
    1314.                 }, 0);
    1315.             }
    1316.         }

    1318.         // 更新进度条
    1319.         function updateProgress() {
    1320.             const percent = (audio.currentTime / audio.duration) * 100;
    1321.             elements.progressBar.style.width = `${percent}%`;

    1323.             const currentMinutes = Math.floor(audio.currentTime / 60);
    1324.             const currentSeconds = Math.floor(audio.currentTime % 60);
    1325.             const durationMinutes = Math.floor(audio.duration / 60);
    1326.             const durationSeconds = Math.floor(audio.duration % 60);

    1328.             elements.timeDisplay.textContent =
    1329.                 `${currentMinutes.toString().padStart(2, '0')}:${currentSeconds.toString().padStart(2, '0')} / ${durationMinutes.toString().padStart(2, '0')}:${durationSeconds.toString().padStart(2, '0')}`;

    1331.             updateLyrics();

    1333.             // 定期保存播放状态（每5秒）
    1334.             if (Math.floor(audio.currentTime) % 5 === 0) {
    1335.                 savePlayerState();
    1336.             }
    1337.         }

    1339.         // 设置进度
    1340.         function setProgress(e) {
    1341.             const width = elements.progressContainer.clientWidth;
    1342.             const clickX = e.offsetX;
    1343.             const duration = audio.duration;

    1345.             audio.currentTime = (clickX / width) * duration;
    1346.             savePlayerState();
    1347.         }

    1349.         // 设置音量
    1350.         function setVolume() {
    1351.             const volume = elements.volumeSlider.value;
    1352.             audio.volume = volume / 100;
    1353.             playerState.volume = volume;

    1355.             updateVolumeIcon();
    1356.             savePlayerState();
    1357.         }

    1359.         // 初始化事件监听
    1360.         function initEventListeners() {
    1361.             elements.playPauseBtn.addEventListener('click', togglePlay);
    1362.             elements.prevBtn.addEventListener('click', prevSong);
    1363.             elements.nextBtn.addEventListener('click', nextSong);
    1364.             elements.progressContainer.addEventListener('click', setProgress);
    1365.             elements.volumeSlider.addEventListener('input', setVolume);
    1366.             elements.togglePlayerBtn.addEventListener('click', toggleMinimize);
    1367.             elements.lyricsBtn.addEventListener('click', toggleLyrics);
    1368.             elements.playlistBtn.addEventListener('click', togglePlaylist);
    1369.             elements.modeBtn.addEventListener('click', toggleMode);

    1371.             audio.addEventListener('timeupdate', updateProgress);
    1372.             audio.addEventListener('ended', nextSong);

    1374.             // 页面关闭前保存状态
    1375.             window.addEventListener('beforeunload', savePlayerState);

    1377.             // 页面可见性变化时保存状态
    1378.             document.addEventListener('visibilitychange', function () {
    1379.                 if (document.hidden) {
    1380.                     savePlayerState();
    1381.                 }
    1382.             });

    1384.             // 窗口大小变化时调整播放器位置
    1385.             window.addEventListener('resize', function () {
    1386.                 if (playerState.lyricsVisible && !playerState.autoPlayBlocked) {
    1387.                     adjustPlayerPosition();
    1388.                 } else {
    1389.                     resetPlayerPosition();
    1390.                 }
    1391.             });
    1392.         }

    1394.         // 初始化播放器
    1395.         function initPlayer() {
    1396.             loadPlayerState();
    1397.             initEventListeners();
    1398.             fetchPlaylist();
    1399.         }

    1401.         // 启动播放器
    1402.         initPlayer();
    1403.     })();
    1404. </script>
    复制代码


    # 子比主题

    本帖被以下淘专辑推荐:

    路虽远，行则将至；事虽难，做则必成。
    回复

    使用道具 举报

    相关帖子
    返回列表 发布新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    飞流广播+ 发布

    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		10-30 17:02
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		10-09 09:07
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-24 09:00
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-11 11:40
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-02 09:17
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-27 08:56
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-20 15:12
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-03 10:22
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		06-30 08:57
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		06-18 09:14
    系统消息：清风网络已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		04-11 09:40
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-10 09:31
    系统消息：IXM77777已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 13:44
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 09:22
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 08:52
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-08 09:24
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-07 09:02
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		02-27 09:35
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		02-26 09:06
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		02-25 08:49
    站内通告

    提供资源交易、信息共享、靓号交流、技术变现、学习问答、兴趣娱乐等全面服务。

    1.丰富功能系统，扩展社区特色玩法，打造最好的互联网聚集圈子。

    2.准确信息真实交易，安全快捷又方便，让虚拟交易面对面。

    3. 天上不会掉馅饼，话术骗术迷人心，切勿脱离平台线下交易，被骗与平台无关！

    4. 欺诈骗钱，违规违法将视情受到警告&禁言&封号甚至检举至👮🏻‍♀️处理！

    官方Q群：123129钉推群：BAYR2383 站长QQ：3220000000

    关于我们

    纪律公约 官联方式 迭代更新 招贤纳士

    常用功能

    活动中心 竞价十榜 推广奖励 下载多端

    服务引导

    帮助中心 麦粉会员 认证中心 点靓UID
    投诉/建议/商务合作联系

    fl@fllt.cn

    严禁私下交易，被骗与本站无关。
    违反交易细则，取证立查严惩。
    • 钉钉新帖推送群
    • 官方交流QQ群
    • 站长唯一微信号

    👮曝光Ta|🧿小黑屋|📴手机页|飞流网 ( 渝ICP备2025054677号-1|电信增值许可 渝B2-20250789 )|网站地图

    GMT+8, 2025-12-10 14:22 , Processed in 0.097023 second(s), 61 queries, MemCached On , Gzip On.

    Based on XJ-TX X3.5 Licensed

    飞流论坛 HanAnalytics icp Astro vhAstro-Theme

    关灯 在本版发帖
    扫一扫添加微信客服
     QQ客服返回顶部
    快速回复 返回顶部 返回列表