{"id":84,"date":"2026-10-03T19:04:08","date_gmt":"2026-10-03T11:04:08","guid":{"rendered":"https:\/\/cuiyouxin.cn\/?p=84"},"modified":"2026-10-03T19:04:09","modified_gmt":"2026-10-03T11:04:09","slug":"%f0%9f%8e%b5-%e8%87%aa%e5%bb%ba%e7%a7%81%e4%ba%ba-web-%e9%9f%b3%e4%b9%90%e5%ba%93%ef%bd%9cphp-%e8%bd%bb%e9%87%8f%e5%8c%96%e6%9c%ac%e5%9c%b0%e9%9f%b3%e4%b9%90%e6%92%ad%e6%94%be%e5%99%a8","status":"publish","type":"post","link":"https:\/\/cuiyouxin.cn\/index.php\/2026\/10\/03\/%f0%9f%8e%b5-%e8%87%aa%e5%bb%ba%e7%a7%81%e4%ba%ba-web-%e9%9f%b3%e4%b9%90%e5%ba%93%ef%bd%9cphp-%e8%bd%bb%e9%87%8f%e5%8c%96%e6%9c%ac%e5%9c%b0%e9%9f%b3%e4%b9%90%e6%92%ad%e6%94%be%e5%99%a8\/","title":{"rendered":"\ud83c\udfb5 \u81ea\u5efa\u79c1\u4eba Web \u97f3\u4e50\u5e93\uff5cPHP \u8f7b\u91cf\u5316\u672c\u5730\u97f3\u4e50\u64ad\u653e\u5668"},"content":{"rendered":"\n

\u538c\u5026\u5404\u5927\u97f3\u4e50\u5e73\u53f0\u4f1a\u5458\u9650\u5236\u3001\u5e7f\u544a\u6253\u6270\uff1f\u642d\u5efa\u5c5e\u4e8e\u81ea\u5df1\u7684\u79c1\u6709\u97f3\u4e50\u7ad9\u70b9\uff0c\u628a\u6536\u85cf\u7684\u672c\u5730\u97f3\u4e50\u5168\u90e8\u642c\u5230\u7f51\u9875\u7aef\uff0c\u7535\u8111\u3001\u624b\u673a\u6d4f\u89c8\u5668\u968f\u65f6\u968f\u5730\u6536\u542c\u4f60\u7684\u4e13\u5c5e\u66f2\u5e93\u3002<\/p>\n\n\n\n

\u4e0b\u8f7d\u5730\u5740\uff1ahttps:\/\/wwaze.lanzouv.com\/iSAuA4arq52f<\/a><\/p>\n\n\n\n

\u2728 \u9879\u76ee\u4ecb\u7ecd<\/h2>\n\n\n\n

\u8fd9\u662f\u4e00\u5957\u57fa\u4e8e PHP + \u539f\u751f JS \u5f00\u53d1\u7684\u81ea\u6258\u7ba1\u672c\u5730\u97f3\u4e50\u7f51\u9875\u64ad\u653e\u5668<\/strong>\uff0c\u4e0d\u9700\u8981\u6570\u636e\u5e93\uff0c\u4f7f\u7528 JSON \u6587\u4ef6\u5b58\u50a8\u914d\u7f6e\u4e0e\u6b4c\u66f2\u5143\u6570\u636e\uff0c\u90e8\u7f72\u7b80\u5355\uff0c\u4e0a\u4f20\u6587\u4ef6\u5373\u53ef\u4f7f\u7528\u3002\u97f3\u9891\u76f4\u63a5\u8bfb\u53d6\u670d\u52a1\u5668audio<\/code>\u6587\u4ef6\u5939\uff0c\u652f\u6301\u65e0\u635f\u683c\u5f0f\uff0c\u81ea\u52a8\u8bc6\u522b\u540c\u540d\u5c01\u9762\u56fe\u7247\uff0c\u81ea\u5e26\u7ba1\u7406\u540e\u53f0\uff0c\u754c\u9762\u73b0\u4ee3\u73bb\u7483\u62df\u6001 UI\uff0c\u79fb\u52a8\u7aef\u81ea\u9002\u5e94\uff0c\u6253\u9020\u5b8c\u5168\u5c5e\u4e8e\u4f60\u7684\u79c1\u4eba\u97f3\u4e50\u7a7a\u95f4\u3002<\/p>\n\n\n\n

\ud83d\ude80 \u6838\u5fc3\u529f\u80fd<\/h2>\n\n\n\n

\ud83c\udfa7 \u524d\u53f0\u64ad\u653e\u529f\u80fd<\/h3>\n\n\n\n
    \n
  1. \u5168\u529f\u80fd\u7f51\u9875\u64ad\u653e\u5668<\/strong> HTML5 Audio \u97f3\u9891\u64ad\u653e\uff0c\u652f\u6301\u64ad\u653e \/ \u6682\u505c\u3001\u4e0a\u4e00\u9996\u3001\u4e0b\u4e00\u9996\u3001\u81ea\u52a8\u8fde\u64ad\u3001\u8fdb\u5ea6\u62d6\u62fd\u8c03\u8282\u3001\u97f3\u91cf\u63a7\u5236\u3002\u5185\u7f6e\u4e94\u6bb5\u5747\u8861\u5668<\/strong>\uff0c\u53ef\u4ee5\u8c03\u8282\u9ad8\u4f4e\u9891\u97f3\u6548\uff0c\u5b9e\u73b0\u4e2a\u6027\u5316\u542c\u611f\u3002<\/li>\n\n\n\n
  2. \u667a\u80fd\u5185\u5bb9\u5c55\u793a<\/strong>\n
      \n
    • \u6bcf\u65e5\u4e13\u5c5e\u63a8\u8350\uff1a\u6839\u636e\u65e5\u671f\u79cd\u5b50\u81ea\u52a8\u751f\u6210\u6bcf\u65e5 10 \u9996\u968f\u673a\u63a8\u8350\u6b4c\u5355\uff0c\u540c\u4e00\u5929\u63a8\u8350\u56fa\u5b9a\u4e0d\u53d8\u3002<\/li>\n\n\n\n
    • \u6309\u97f3\u4e50\u98ce\u683c\u81ea\u52a8\u5206\u7ec4\u5c55\u793a\u5361\u7247\uff08\u6d41\u884c\u3001\u56fd\u98ce\u3001\u7ca4\u8bed\u3001\u6447\u6eda\u3001\u6c11\u8c23\u3001\u8bf4\u5531\u3001\u8f7b\u97f3\u4e50\u3001\u5f71\u89c6\u539f\u58f0\u7b49\uff09\u3002<\/li>\n\n\n\n
    • \u5b8c\u6574\u6b4c\u66f2\u5217\u8868\u89c6\u56fe\uff0c\u663e\u793a\u6b4c\u66f2\u6807\u7b7e\u98ce\u683c\uff1b\u81ea\u52a8\u8bfb\u53d6\u540c\u6587\u4ef6\u540d\u56fe\u7247\u4f5c\u4e3a\u6b4c\u66f2\u5c01\u9762\uff0c\u65e0\u5c01\u9762\u81ea\u52a8\u751f\u6210\u9996\u5b57\u7b26\u5360\u4f4d\u56fe\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n
    • \u5b9e\u65f6\u641c\u7d22\u8fc7\u6ee4<\/strong>\uff1a\u8f93\u5165\u6b4c\u540d \/ \u6b4c\u624b\uff0c\u5feb\u901f\u7b5b\u9009\u6b4c\u66f2\uff0c\u5361\u7247\u89c6\u56fe\u3001\u5217\u8868\u89c6\u56fe\u540c\u6b65\u8fc7\u6ee4\u3002<\/li>\n\n\n\n
    • \u54cd\u5e94\u5f0f\u754c\u9762<\/strong>\uff1a\u7535\u8111\u3001\u624b\u673a\u6d4f\u89c8\u5668\u5b8c\u7f8e\u9002\u914d\uff0c\u73bb\u7483\u62df\u6001\u6bdb\u73bb\u7483\u6548\u679c\uff0c\u52a8\u753b\u8fc7\u6e21\u6d41\u7545\u3002<\/li>\n<\/ol>\n\n\n\n

      \u2699\ufe0f \u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\uff08admin.php\uff09<\/h3>\n\n\n\n
        \n
      1. \u8d26\u53f7\u5bc6\u7801\u767b\u5f55<\/strong>\uff1a\u5bc6\u7801 hash \u52a0\u5bc6\uff0c\u4fdd\u62a4\u540e\u53f0\u8bbf\u95ee\u6743\u9650\uff0c\u652f\u6301\u9000\u51fa\u767b\u5f55\u3002<\/li>\n\n\n\n
      2. \u672c\u5730\u97f3\u4e50\u5e93\u7ba1\u7406<\/strong>\n
          \n
        • \u81ea\u52a8\u626b\u63cfaudio<\/code>\u76ee\u5f55\u97f3\u9891\u6587\u4ef6\uff0c\u8bc6\u522b\u683c\u5f0f\u3001\u6587\u4ef6\u5927\u5c0f\uff1b<\/li>\n\n\n\n
        • \u624b\u52a8\u8bbe\u7f6e\u6bcf\u9996\u6b4c\u66f2\u7684\u97f3\u4e50\u98ce\u683c\u5206\u7c7b\uff1b<\/li>\n\n\n\n
        • \u4e00\u952e\u5220\u9664\u670d\u52a1\u5668\u4e0a\u7684\u97f3\u9891\u6587\u4ef6\uff1b<\/li>\n\n\n\n
        • \u5bfc\u51fa TXT \u6b4c\u5355<\/strong>\uff0c\u5bfc\u51fa\u5168\u90e8\u6b4c\u66f2\u6e05\u5355\uff0c\u5305\u542b\u6b4c\u540d\u3001\u6b4c\u624b\u3001\u5206\u7c7b\u3001\u683c\u5f0f\u3001\u6587\u4ef6\u5927\u5c0f\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • \u7ad9\u70b9 & \u4e3b\u9898\u81ea\u5b9a\u4e49\u8bbe\u7f6e<\/strong>\n
            \n
          • \u4fee\u6539\u7f51\u7ad9\u540d\u79f0\u3001\u526f\u6807\u9898\u4fe1\u606f\uff1b<\/li>\n\n\n\n
          • \u81ea\u5b9a\u4e49\u4e3b\u8272\u8c03\u3001\u8f85\u52a9\u8272\uff1b<\/li>\n\n\n\n
          • \u591a\u79cd\u80cc\u666f\u6a21\u5f0f\uff1a\u6df1\u8272\u3001\u67d4\u5149\u6e10\u53d8\u3001\u6781\u7b80\u7eaf\u767d\u3001\u7eaf\u8272\u6d45\u7070\u3001\u81ea\u5b9a\u4e49\u56fe\u7247\u80cc\u666f\uff1b<\/li>\n\n\n\n
          • \u8c03\u8282\u80cc\u666f\u906e\u7f69\u900f\u660e\u5ea6\uff1b<\/li>\n\n\n\n
          • \u5f00\u5173\u7279\u6548\uff1a\u73bb\u7483\u62df\u6001\u3001\u5165\u573a\u6de1\u5165\u52a8\u753b\u3001\u80cc\u666f\u6d41\u52a8\u5149\u6591\uff1b<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • \u6570\u636e\u5b58\u50a8<\/strong>\uff1a\u4f7f\u7528songs.json<\/code>\u4fdd\u5b58\u6b4c\u66f2\u5143\u6570\u636e\uff0csettings.json<\/code>\u4fdd\u5b58\u4e3b\u9898\u914d\u7f6e\uff0c\u65e0\u9700 MySQL \u6570\u636e\u5e93\u3002<\/li>\n<\/ol>\n\n\n\n

            \ud83d\udcc2 \u6587\u4ef6\u652f\u6301<\/h3>\n\n\n\n

            \u97f3\u9891\u683c\u5f0f\uff1amp3\u3001m4a\u3001wav\u3001ogg\u3001flac<\/code>\u65e0\u635f\u97f3\u9891\u5747\u53ef\u8bc6\u522b\uff1b \u5c01\u9762\u56fe\u7247\uff1a\u540c\u6587\u4ef6\u540djpg\/png\/webp<\/code>\uff0c\u653e\u5165 audio \u6587\u4ef6\u5939\u81ea\u52a8\u5339\u914d\u6b4c\u66f2\u5c01\u9762\u3002<\/p>\n\n\n\n

            \ud83d\udccb \u90e8\u7f72\u8981\u6c42<\/h2>\n\n\n\n
              \n
            • PHP \u73af\u5883\uff08PHP7.4 \u53ca\u4ee5\u4e0a\uff0c\u5f00\u542f session \u652f\u6301\uff09\uff0cNginx\/Apache \u5747\u53ef\uff1b<\/li>\n\n\n\n
            • \u65e0\u9700 MySQL \u6570\u636e\u5e93\uff1b<\/li>\n\n\n\n
            • \u6587\u4ef6\u76ee\u5f55\u6743\u9650\uff1a\u670d\u52a1\u5668\u9700\u8981\u5bf9\u9879\u76ee\u76ee\u5f55\u8bfb\u5199\u6743\u9650\uff0c\u7528\u4e8e\u751f\u6210 json \u914d\u7f6e\u6587\u4ef6\uff0c\u8bfb\u53d6 audio \u97f3\u9891\u6587\u4ef6\u5939\u3002<\/li>\n<\/ul>\n\n\n\n

              \ud83d\udcdd \u90e8\u7f72\u6b65\u9aa4<\/h2>\n\n\n\n
                \n
              1. \u5c06\u5168\u90e8\u6e90\u7801\u6587\u4ef6\u4e0a\u4f20\u81f3 PHP \u7f51\u7ad9\u6839\u76ee\u5f55\uff1b<\/li>\n\n\n\n
              2. \u521b\u5efaaudio<\/code>\u6587\u4ef6\u5939\uff0c\u628a\u4f60\u7684\u97f3\u4e50\u6587\u4ef6\u3001\u914d\u5957\u5c01\u9762\u56fe\u7247\u4e0a\u4f20\u5230\u6b64\u6587\u4ef6\u5939\uff1b<\/li>\n\n\n\n
              3. \u8bbf\u95ee admin.php<\/code> \u8fdb\u5165\u540e\u53f0\u767b\u5f55\uff0c\u9ed8\u8ba4\u8d26\u53f7\u5bc6\u7801\u5728config.php<\/code>\u4e2d\u53ef\u4ee5\u4fee\u6539\uff1b<\/li>\n\n\n\n
              4. \u540e\u53f0\u4f1a\u81ea\u52a8\u626b\u63cf audio \u76ee\u5f55\u4e0b\u6240\u6709\u97f3\u4e50\uff0c\u8bbe\u7f6e\u6b4c\u66f2\u5206\u7c7b\uff1b<\/li>\n\n\n\n
              5. \u8bbf\u95ee index.php<\/code> \u5373\u53ef\u8fdb\u5165\u97f3\u4e50\u64ad\u653e\u5668\u524d\u53f0\u9875\u9762\u5f00\u59cb\u542c\u6b4c\u3002<\/li>\n<\/ol>\n\n\n\n
                \n

                \u63d0\u793a\uff1a\u97f3\u9891\u6587\u4ef6\u540d\u5efa\u8bae\u4e0d\u8981\u4f7f\u7528\u7279\u6b8a\u7b26\u53f7\uff0c\u540c\u540d\u56fe\u7247\u548c\u97f3\u9891\u653e\u5728\u540c\u4e00\u4e2a audio \u76ee\u5f55\u5373\u53ef\u81ea\u52a8\u8bc6\u522b\u5c01\u9762\u3002<\/p>\n<\/blockquote>\n\n\n\n

                \ud83c\udfa8 \u754c\u9762\u7279\u70b9<\/h2>\n\n\n\n
                  \n
                • \u6df1\u8272\u4e3a\u4e3b\u7684\u73b0\u4ee3 UI\uff0c\u652f\u6301\u591a\u79cd\u4e3b\u9898\u914d\u8272\u4e0e\u80cc\u666f\u56fe\u7247\u81ea\u5b9a\u4e49\uff1b<\/li>\n\n\n\n
                • \u5361\u7247\u6a2a\u5411\u6eda\u52a8\u6b4c\u5355 + \u5b8c\u6574\u6b4c\u66f2\u5217\u8868\u53cc\u6a21\u5f0f\u6d4f\u89c8\uff1b<\/li>\n\n\n\n
                • \u6bdb\u73bb\u7483\u73bb\u7483\u62df\u6001\u6548\u679c\uff0c\u53ef\u5728\u540e\u53f0\u4e00\u952e\u5f00\u5173\uff1b<\/li>\n\n\n\n
                • \u65e0\u591a\u4f59\u5e7f\u544a\uff0c\u7eaf\u51c0\u79c1\u4eba\u97f3\u4e50\u4f53\u9a8c\u3002<\/li>\n<\/ul>\n\n\n\n

                  \ud83d\udcc1 \u4e3b\u8981\u6587\u4ef6\u8bf4\u660e<\/h2>\n\n\n\n

                  \u8868\u683c<\/p>\n\n\n\n

                  \u6587\u4ef6<\/th>\u7528\u9014<\/th><\/tr><\/thead>
                  index.php<\/td>\u97f3\u4e50\u64ad\u653e\u5668\u524d\u53f0\u4e3b\u9875<\/td><\/tr>
                  admin.php<\/td>\u540e\u53f0\u7ba1\u7406\u9875\u9762\uff0c\u767b\u5f55\u3001\u6b4c\u66f2\u7ba1\u7406\u3001\u4e3b\u9898\u8bbe\u7f6e<\/td><\/tr>
                  config.php<\/td>\u5168\u5c40\u914d\u7f6e\u3001\u5e38\u91cf\u5b9a\u4e49\u3001\u6838\u5fc3\u51fd\u6570<\/td><\/tr>
                  songs.json<\/td>\u6b4c\u66f2\u5143\u6570\u636e\u5b58\u50a8\u6587\u4ef6\uff0c\u81ea\u52a8\u751f\u6210<\/td><\/tr>
                  settings.json<\/td>\u7f51\u7ad9\u4e3b\u9898\u914d\u7f6e\u5b58\u50a8\u6587\u4ef6\uff0c\u81ea\u52a8\u751f\u6210<\/td><\/tr>
                  audio\/<\/td>\u5b58\u653e\u97f3\u9891\u4e0e\u5c01\u9762\u56fe\u7247\u6587\u4ef6\u5939<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

                  \ud83d\udca1 \u5c0f\u63d0\u793a<\/h2>\n\n\n\n
                    \n
                  1. \u4fee\u6539\u7ba1\u7406\u5458\u8d26\u53f7\u5bc6\u7801\uff1a\u6253\u5f00config.php<\/code>\uff0c\u4fee\u6539ADMIN_USER<\/code>\u8d26\u53f7\uff0cADMIN_PASS<\/code>\u4f7f\u7528password_hash()<\/code>\u751f\u6210\u65b0\u5bc6\u7801\uff1b<\/li>\n\n\n\n
                  2. \u5982\u679c\u6b4c\u66f2\u4e0d\u663e\u793a\uff1a\u68c0\u67e5 audio \u6587\u4ef6\u5939\u6743\u9650\uff0c\u786e\u8ba4\u97f3\u9891\u540e\u7f00\u5728\u652f\u6301\u683c\u5f0f\u5217\u8868\uff1b<\/li>\n\n\n\n
                  3. \u66f4\u6362\u80cc\u666f\u56fe\uff1a\u540e\u53f0\u4e3b\u9898\u8bbe\u7f6e\u9009\u62e9\u300c\u81ea\u5b9a\u4e49\u56fe\u7247\u300d\uff0c\u586b\u5165\u56fe\u7247 URL\uff0c\u8c03\u8282\u906e\u7f69\u900f\u660e\u5ea6\uff1b<\/li>\n\n\n\n
                  4. \u5bfc\u51fa\u6b4c\u5355\uff1a\u540e\u53f0\u672c\u5730\u97f3\u4e50\u9875\u9762\uff0c\u70b9\u51fb\u5bfc\u51fa TXT\uff0c\u4fdd\u5b58\u5b8c\u6574\u97f3\u4e50\u6e05\u5355\u3002<\/li>\n<\/ol>\n\n\n\n

                    \u8fd9\u662f\u9762\u5411\u4e2a\u4eba\u4f7f\u7528\u7684\u79c1\u6709\u97f3\u4e50\u5e93\uff0c\u4ec5\u64ad\u653e\u4f60\u81ea\u5df1\u62e5\u6709\u7248\u6743\u7684\u672c\u5730\u97f3\u9891\u6587\u4ef6\uff0c\u8bf7\u52ff\u7528\u4e8e\u5546\u7528\u3001\u516c\u7f51\u5927\u89c4\u6a21\u5206\u4eab\u53d7\u7248\u6743\u4fdd\u62a4\u7684\u97f3\u4e50\u8d44\u6e90\u3002<\/p>\n\n\n\n

                    <\/p>\n","protected":false},"excerpt":{"rendered":"

                    \u538c\u5026\u5404\u5927\u97f3\u4e50\u5e73\u53f0\u4f1a\u5458\u9650\u5236\u3001\u5e7f\u544a\u6253\u6270\uff1f\u642d\u5efa\u5c5e\u4e8e\u81ea\u5df1\u7684\u79c1\u6709\u97f3\u4e50\u7ad9\u70b9\uff0c\u628a\u6536\u85cf\u7684\u672c\u5730\u97f3\u4e50\u5168\u90e8\u642c\u5230\u7f51\u9875\u7aef\uff0c\u7535\u8111\u3001\u624b\u673a\u6d4f\u89c8 […]<\/p>\n","protected":false},"author":1,"featured_media":85,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-84","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/posts\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":1,"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/posts\/84\/revisions\/86"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/media\/85"}],"wp:attachment":[{"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/media?parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/categories?post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cuiyouxin.cn\/index.php\/wp-json\/wp\/v2\/tags?post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}