fix: 听歌识曲接口和 demo 页面问题修复和更新

CHANGELOG.MD

@@ -1,49 +1,67 @@
 # 更新日志
+
+### 4.16.4 | 2024.04.23
+
+- 听歌识曲接口和 demo 页面问题修复和更新
+
 ### 4.16.3 | 2024.04.19
+
 - cookie version 更新
 
 ### 4.16.2 | 2024.04.18
+
 - 分享接口问题修复
 - cookie 补全
 
 ### 4.16.0 | 2024.04.18
+
 - ua 更新,修复接口提示网络拥挤问题
 - 支持手动传入 ua 参数,修改 user-agent
 
-
 ### 4.15.8 | 2024.03.29
+
 - 播客声音排序接口更新,补充字段
 - 新增 `删除播客`接口
 
 ### 4.15.7 | 2024.03.21
+
 - 播客分段上传
 
 ### 4.15.6 | 2024.03.12
+
 - 文档和示例更新
 
 ### 4.15.5 | 2024.02.28
+
 - 文档更新
 
 ### 4.15.3 | 2024.01.29
+
 - 文件重命名,防止部署到 Vercel 404
 
 ### 4.15.2 | 2024.01.29
+
 - 上传接口问题修复
 
 ### 4.15.1 | 2024.01.26
+
 - 版本更新提示不展示问题修复
 
 ### 4.15.0 | 2024.01.26
+
 - 新增 `私人 FM 模式选择` 接口
 
 ### 4.14.2 | 2024.01.23
+
 - 文档自启动
 
 ### 4.14.1 | 2024.01.13
-- UA固定,防止触发风控 #1867
+
+- UA 固定,防止触发风控 #1867
 
 ### 4.14.0 | 2023.12.20
-- appver更新
+
+- appver 更新
 - fix: /artist/detail 登录状态下调用提示网络拥挤的问题 #1853
 - 歌曲红心数量,歌曲音质详情,本地歌曲文件匹配网易云歌曲信息 #1852
 - crypto.js 重构 #1839
@@ -51,90 +69,109 @@
 - song_url number 类型修复 #1837
 - 更新获取歌曲详情接口的 TypeScript 定义与文档，增加 Hi-Res 类型 #1836
 
-
 ### 4.13.8 | 2023.10.27
-- Docker 构建平台支持调整(只支持linux/arm64和linux/amd64)
+
+- Docker 构建平台支持调整(只支持 linux/arm64 和 linux/amd64)
 
 ### 4.13.7 | 2023.10.26
+
 - 修复 Docker 构建镜像安装依赖速度慢的问题
 
 ### 4.13.6 | 2023.10.26
+
 - 修复匿名登录下,部分接口提示网络太拥挤问题 #1829
 
 ### 4.13.5 | 2023.10.22
+
 - Dockfile 更新，移除 linux/s390x 平台，防止构建失败
 
 ### 4.13.4 | 2023.10.22
+
 - 修复`更新用户信息`接口报错问题 #1824
 
 - 部分接口移除`avatarImgId_str`字段
 - 新增日推歌曲不感兴趣接口 #1816
 
 ### 4.13.3 | 2023.10.10
+
 - 添加播客声音搜索接口 #1814
 
 ### 4.13.2 | 2023.09.25
-- 修改wiki相关接口
+
+- 修改 wiki 相关接口
 
 ### 4.13.1 | 2023.09.23
-- `/verify/getQr` 补充二维码dataurl返回数据
+
+- `/verify/getQr` 补充二维码 dataurl 返回数据
 
 ### 4.13.0 | 2023.09.23
+
 - 新增 `专辑简要百科信息` `歌曲简要百科信息` `歌手简要百科信息` `mv简要百科信息` `搜索歌手` `用户贡献内容` `用户贡献条目、积分、云贝数量` #1805
 - 新增 `年度听歌报告` 接口 #1809
 
 ### 4.12.2 | 2023.09.12
+
 - 新增 `播客声音列表`接口
-- 修复anonymous_token路径异常 #1795
+- 修复 anonymous_token 路径异常 #1795
 
 ### 4.12.1 | 2023.09.10
-- 补充 `get/userids`(根据nickname获取userid) 接口
+
+- 补充 `get/userids`(根据 nickname 获取 userid) 接口
 
 ### 4.12.0 | 2023.09.10
-- 听歌识曲接口完善, 补充demo页面
+
+- 听歌识曲接口完善, 补充 demo 页面
 
 - NMTID 动态添加 #1792
 
 - weapi ua 固定
 
 ### 4.11.3 | 2023.09.09
+
 - 返回内容的`code`统一处理
 
 - 单元测试问题修复
 
 - song/url 返回排序处理 #1792
 
-
 ### 4.11.2 | 2023.09.09
+
 - 修复`vercel`无文件创建权限问题
 
 ### 4.11.1 | 2023.09.08
+
 - `anonymous_token` 配置抽离
 
 - `anonymous_token` 生成稳定性问题修复
 
 ### 4.11.0 | 2023.09.07
+
 - 新增 `播客搜索`,`播客上传声音`接口 #1789
 
-
 ### 4.10.2 | 2023.09.04
-- 修复docker缺失文件问题 #1791
+
+- 修复 docker 缺失文件问题 #1791
 
 ### 4.10.1 | 2023.08.21
-- 补充匿名登录username算法, anonymous_token 动态生成
+
+- 补充匿名登录 username 算法, anonymous_token 动态生成
 
 ### 4.10.0 | 2023.08.21
-- 禁用NMTID, 恢复手机登录和邮箱登录 #1788  
+
-- 状态码判断完善,补充verify相关接口 #1783
+- 禁用 NMTID, 恢复手机登录和邮箱登录 #1788
+- 状态码判断完善,补充 verify 相关接口 #1783
 - 增加对带用户名密码的代理支持 #1787
 
 ### 4.9.2 | 2023.08.15
+
 - 补充 `/vip/info/v2` 接口
 
 ### 4.9.1 | 2023.08.15
+
 - `/vip/info` 接口增加`uid`参数
 
 ### 4.9.0 | 2023.07.20
+
 - 新增沉浸环绕声音质，修改部分文案以同步客户端更改 #1760
 
 - 增加对鲸云臻音、鲸云母带音质的支持 #1731
@@ -146,49 +183,61 @@
 - NodeJS 环境要求提高至 v14
 
 ### 4.8.11 | 2023.05.29
-- 支持headers不携带cookie信息
+
+- 支持 headers 不携带 cookie 信息
 
 ### 4.8.10 | 2023.04.07
+
 - 补充私信和通知接口
 
 ### 4.8.9 | 2023.01.18
+
 - 补充一起听相关接口 #1677
 
 ### 4.8.8 | 2023.01.18
-- 补充腾讯云serverless部署说明
+
+- 补充腾讯云 serverless 部署说明
 
 - 添加逐字歌词接口 #1669
 
-- CloudSearch接口使用eapi代替weapi #1670
+- CloudSearch 接口使用 eapi 代替 weapi #1670
 
 - axios 相关代码调整
 
 ### 4.8.7 | 2023.01.04
+
 - 手机登录问题修复 [#1658]
 
 ### 4.8.6 | 2023.01.02
+
 - 手机登录问题修复 [#1658]
 
 ### 4.8.5 | 2022.12.28
+
 - 手机登录问题修复 [#1661]
 
 ### 4.8.4 | 2022.12.19
+
 - 邮箱登录问题修复
 
 ### 4.8.3 | 2022.12.19
+
 - 修复了手机号登录接口 [#1653]
 
 - 增加若干曲风相关接口 [#1623]
 
 ### 4.8.2 | 2022.09.13
+
 - 修复 song/url 接口提示网络拥堵的问题
 
 - 单元测试修复
 
 ### 4.8.1 | 2022.09.12
+
 - 解决网络拥堵提示问题
 
 ### 4.7.0 | 2022.09.02
+
 - 新增 API: 新版音乐链接获取 [#1583]
 
 - 新增 API: 歌曲百科简要信息 [#1596]
@@ -198,53 +247,67 @@
 - ResourceType 补充 [#1497]
 
 ### 4.6.7 | 2022.07.17
+
 - 音乐是否可用接口更新 #1544
 
 - 获取精品歌单接口更新描述 #1544
 
 ### 4.6.6 | 2022.06.20
+
 - npx 方式运行完善和增加文档说明
 
 ### 4.6.5 | 2022.06.19
-- 修复npx使用路径错误
+
+- 修复 npx 使用路径错误
 
 ### 4.6.4 | 2022.06.15
+
 - 修复歌单收藏/取消收藏歌曲接口报错问题 #1551
 
 ### 4.6.3 | 2022.06.15
+
 - 修复 npm 包文件缺失的问题
 
 ### 4.6.2 | 2022.05.30
+
 - 修复测试不通过的问题
 
 ### 4.6.1 | 2022.05.29
-- 修复请求接口提示需要验证的问题,增加游客登录接口,服务启动更新游客cookie
+
+- 修复请求接口提示需要验证的问题,增加游客登录接口,服务启动更新游客 cookie
 
 ### 4.6.0 | 2022.05.29
+
 - 修复请求接口提示需要验证的问题 [#1541](https://github.com/Binaryify/NeteaseCloudMusicApi/issues/1541)
 
 ### 4.5.14 | 2022.05.06
+
 - 修复获取歌单所有歌曲接口分页问题 [#1524](https://github.com/Binaryify/NeteaseCloudMusicApi/pull/1524)
 
 - 增加支持罗马音歌词返回 [#1523](https://github.com/Binaryify/NeteaseCloudMusicApi/pull/1523)
 
 ### 4.5.12 | 2022.04.15
+
 - 新增`黑胶时光机`接口 [#1511](https://github.com/Binaryify/NeteaseCloudMusicApi/pull/1511)
 
 ### 4.5.11 | 2022.04.06
-- 修复云盘接口mimetype获取错误 [#1503](https://github.com/Binaryify/NeteaseCloudMusicApi/pull/1503)
+
+- 修复云盘接口 mimetype 获取错误 [#1503](https://github.com/Binaryify/NeteaseCloudMusicApi/pull/1503)
 
 ### 4.5.10 | 2022.03.28
+
 - 修复了若干问题
 
 - 新增`歌单更新播放量`接口
 
 ### 4.5.9 | 2022.03.20
+
 - 修复云盘上传接口部分文件名格式上传失败的问题
 
 - 新增 `/inner/version` 接口，用于获取当前版本号
 
 ### 4.5.8 | 2022.03.05
+
 - 新增歌手粉丝数量接口[#1485](https://github.com/Binaryify/NeteaseCloudMusicApi/issues/1485)
 
 - 新增音乐人任务(新)接口
@@ -252,21 +315,27 @@
 - 更新 `appver`
 
 ### 4.5.6 | 2022.02.12
+
 - 歌单封面上传接口缺失参数时返回状态码修正
 
 ### 4.5.6 | 2022.02.09
+
 - 新增重复昵称检测接口 [#1469](https://github.com/Binaryify/NeteaseCloudMusicApi/issues/1469)
 
 ### 4.5.5 | 2022.02.09
+
 - 搜索接口支持搜索声音
 
 ### 4.5.4 | 2022.02.09
+
 - 修复云盘上传无法获取到文件的问题
 
 ### 4.5.3 | 2022.02.04
+
 - 增加签到进度接口 [#1462](https://github.com/Binaryify/NeteaseCloudMusicApi/pull/1462)
 
 ### 4.5.2 | 2022.01.28
+
 - 入口文件优化 [#1457](https://github.com/Binaryify/NeteaseCloudMusicApi/pull/1457)
 
 ### 4.5.0 | 2022.01.27

module/audio_match.js

@@ -1,26 +1,18 @@
-function createRandomString(len) {
+const { default: axios } = require('axios')
-  const str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
+
-  let result = ''
+module.exports = async (query, request) => {
-  for (let i = len; i > 0; --i)
+  const res = await axios({
-    result += str[Math.floor(Math.random() * str.length)]
+    method: 'get',
-  return result
+    url: `https://interface.music.163.com/api/music/audio/match?sessionId=0123456789abcdef&algorithmCode=shazam_v2&duration=${
-}
+      query.duration
-module.exports = (query, request) => {
+    }&rawdata=${encodeURIComponent(query.audioFP)}&times=1&decrypt=1`,
-  query.cookie.os = 'pc'
+    data: null,
-  const data = {
-    algorithmCode: 'shazam_v2',
-    times: 1,
-    sessionId: createRandomString(16),
-    duration: Number(query.duration),
-    from: 'recognize-song',
-    decrypt: '1',
-    rawdata: query.audioFP,
-  }
-  return request('POST', `https://music.163.com/api/music/audio/match`, data, {
-    crypto: 'weapi',
-    cookie: query.cookie,
-    ua: query.ua || '',
-    proxy: query.proxy,
-    realIP: query.realIP,
   })
+  return {
+    status: 200,
+    body: {
+      code: 200,
+      data: res.data.data,
+    },
+  }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "NeteaseCloudMusicApi",
-  "version": "4.16.3",
+  "version": "4.16.4",
   "description": "网易云音乐 NodeJS 版 API",
   "scripts": {
     "start": "node app.js",

public/audio_match_demo/afp.js

@@ -1,83 +1,51 @@
+'use strict'
+const WASM_BINARY_PLACEHOLDER = 'WASM_BINARY_PLACEHOLDER';
+// See https://github.com/Distributive-Network/PythonMonkey/issues/266
+if (typeof globalThis.setInterval != 'function'){
+    globalThis.setInterval = function pm$$setInterval(fn, timeout) {
+    const timerHnd = { cancel: false };
+        function fnWrapper()
+        {
+            if (timerHnd.cancel)
+            return;
+            setTimeout(fnWrapper, timeout);
+            fn();
+        }
+        timerHnd.id = setTimeout(fnWrapper, timeout);
+        return timerHnd;
+    }
+    globalThis.clearInterval = function pm$$clearInterval(timerHnd) {
+    timerHnd.clear = true;
+    clearTimeout(timerHnd.id);
+    }
+}
+globalThis.b64decode = function b64decode(data) {
+    return Uint8Array.from(atob(data), c => c.charCodeAt(0));
+}
+globalThis.b64encode = function b64encode(data) {
+    return btoa(String.fromCharCode(...data));
+}
 // https://fn.music.163.com/g/chrome-extension-home-page-beta/
 let AudioFingerprintRuntime = (() => {
     var n, o = void 0 !== o ? o : {},i = {};
     for (n in o)
         o.hasOwnProperty(n) && (i[n] = o[n]);
-  var read_, readAsync, readBinary, c, f, l = [],
+    var read_, readSync, readBinary, c, f, l = [],
     p = "./this.program",    
-  ENVIRONMENT_IS_WEB = "object" == typeof window,
+    readSync = function(t, e, r) {
-  ENVIRONMENT_IS_WORKER = "function" == typeof importScripts,
+        switch (t) {
-  ENVIRONMENT_IS_NODE = "object" == typeof process && "object" == typeof process.versions && "string" == typeof process.versions.node,
+            case WASM_BINARY_PLACEHOLDER:                
-  m = "";
+                if (typeof WASM_BINARY == 'undefined') {
-  ENVIRONMENT_IS_NODE ? (
+                    const { WASM_BINARY } = require('./afp.wasm.js');
-      m = ENVIRONMENT_IS_WORKER ? path.dirname(m) + "/" : "//",
+                    e(globalThis.b64decode(WASM_BINARY));
-      read_ = function shell_read(t, e) {
+                } else {
-          return c || (c = fs),
+                    e(globalThis.b64decode(WASM_BINARY));
-              f || (f = path),
-              t = f.normalize(t),
-              c.readFileSync(t, e ? null : "utf8")
-      },
-      readBinary = function(t) {
-          var e = read_(t, !0);
-          return e.buffer || (e = new Uint8Array(e)),
-              T(e.buffer),
-              e
                 }
-          ,
+            default:
-          u = function (t, e, n) {
+                throw "Reading " + t + " is not supported";
-              c || (c = r(194)),
+                break;
-                  f || (f = r(997)),
-              t = f.normalize(t),
-              c.readFile(t, (function(t, r) {
-                  t ? n(t) : e(r.buffer)
-              }))
-      },
-      process.argv.length > 1 && (p = process.argv[1].replace(/\\/g, "/")),
-      l = process.argv.slice(2),                    
-      process.on("uncaughtException", (function(t) {
-          if (!(t instanceof ExitStatus))
-              throw t
-      })),
-      process.on("unhandledRejection", (function(t) {
-          throw t
-      })),
-      function logExceptionOnExit(t, e) {
-          if (_)
-              throw process.exitCode = t,
-                  e;
-          var r;
-          (r = e) instanceof ExitStatus || g("exiting due to exception: " + r),
-              process.exit(t)
-      },
-      o.inspect = function() {
-          return "[Emscripten Module object]"
         }
-  ) : (ENVIRONMENT_IS_WEB || ENVIRONMENT_IS_WORKER) && (ENVIRONMENT_IS_WORKER ? m = self.location.href : "undefined" != typeof document && document.currentScript && (m = document.currentScript.src),
-  m = 0 !== m.indexOf("blob:") ? m.substr(0, m.replace(/[?#].*/, "").lastIndexOf("/") + 1) : "",
-  read_ = function(t) {
-      var e = new XMLHttpRequest;
-      return e.open("GET", t, !1),
-          e.send(null),
-          e.responseText
-  },
-  ENVIRONMENT_IS_WORKER && (readBinary = function(t) {
-      var e = new XMLHttpRequest;
-      return e.open("GET", t, !1),
-          e.responseType = "arraybuffer",
-          e.send(null),
-          new Uint8Array(e.response)
-  }),
-  readAsync = function(t, e, r) {
-      var n = new XMLHttpRequest;
-      n.open("GET", t, !0),
-          n.responseType = "arraybuffer",
-          n.onload = function() {
-              200 == n.status || 0 == n.status && n.response ? e(n.response) : r()
-          },
-          n.onerror = r,
-          n.send(null)
     }
-  );
     var v = o.print || console.log.bind(console),
         g = o.printErr || console.warn.bind(console);
     for (n in i)
@@ -306,7 +274,7 @@ let AudioFingerprintRuntime = (() => {
                 func(o)
         }
     }
-  var wasmBinaryFile = "afp.wasm";
+    var wasmBinaryFile = WASM_BINARY_PLACEHOLDER;
     isDataURI(wasmBinaryFile) || (Q = function(t) {
         return wasmBinaryFile
     }(Q));
@@ -1514,20 +1482,10 @@ let AudioFingerprintRuntime = (() => {
 
                 function getBinaryPromise(e) {
                     return function() {
-                      if (!w && (ENVIRONMENT_IS_WEB || ENVIRONMENT_IS_WORKER)) {
+                        if (!w) {
-                          if ("function" == typeof fetch && !isFileURI(Q))
+                            if (readSync)
-                              return fetch(Q, {
-                                  credentials: "same-origin"
-                              }).then((function(t) {
-                                  if (!t.ok)
-                                      throw "failed to load wasm binary file at '" + Q + "'";
-                                  return t.arrayBuffer()
-                              })).catch((function() {
-                                  return getBinary(Q)
-                              }));
-                          if (readAsync)
                                 return new Promise((function(t, e) {
-                                  readAsync(Q, (function(e) {
+                                    readSync(Q, (function(e) {
                                         t(new Uint8Array(e))
                                     }), e)
                                 }))
@@ -1540,7 +1498,7 @@ let AudioFingerprintRuntime = (() => {
                     })).then((function(t) {
                         return t
                     })).then(e, (function(t) {
-                      g("failed to asynchronously prepare wasm: " + t),
+                        g("failed to asynchronously prepare wasm: " + t,Q),
                             abort(t)
                     }))
                 }
@@ -1635,30 +1593,34 @@ let AudioFingerprintRuntime = (() => {
     doRun();
     return o;
 })
-let fpRuntime;
+
-export function InstantiateRuntime(){
+// XXX: With PythonMonkey, the required module
+// is destructed(?) once the function is called
+// This is probably not what actaully happened, but
+// for now, everytime an FP is generated, the entire
+// WASM module is reloaded as a workaround
+function instantiateRuntime(){
     return new Promise((resolve, reject) => {
-      fpRuntime = AudioFingerprintRuntime()
+        var fpRuntime = AudioFingerprintRuntime()
         var monitor = setInterval(() => {
-          // Wait for ctor
             if (typeof fpRuntime.ExtractQueryFP == "function") 
-              resolve(fpRuntime) || clearInterval(monitor)
+                clearInterval(monitor) || resolve(fpRuntime)
         }) 
     })
 }
-export function GenerateFP(PCMBuffer) {
-  /* Generates audio fingerprint via ShazamV2 algorithm,
-      as implmented by afp.wasm
-
-      input : (Float32Array) 8kHz Mono PCM audio sample
-      output: (string) Base64 Encoded AFP
-  */
-  if (typeof fpRuntime.ExtractQueryFP != "function")
-      return console.error('InstantiateRuntime() Must be called first.')
 
+function GenerateFP(floatArray) {
+    let PCMBuffer = Float32Array.from(floatArray)
+    console.log('[afp] input samples n=', PCMBuffer.length)    
+    return instantiateRuntime().then((fpRuntime) => {
+        console.log('[afp] begin fingerprinting')
         let fp_vector = fpRuntime.ExtractQueryFP(PCMBuffer.buffer)        
         let result_buf = new Uint8Array(fp_vector.size());
         for (let t = 0; t < fp_vector.size(); t++)
             result_buf[t] = fp_vector.get(t);
-  return btoa(String.fromCharCode(...result_buf))
+        return globalThis.b64encode(result_buf)
+    });
 }
+
+if (typeof exports != 'undefined') /* Node, PythonMonkey */
+    exports.GenerateFP = GenerateFP;

public/audio_match_demo/index.html

@@ -5,23 +5,29 @@
     * {
       font-family: sans-serif;
     }
+
     pre {
       font-family: monospace;
     }
+
     a {
       font-family: sans-serif;
     }
+
     audio {
       width: 100%;
     }
+
     canvas {
       width: 100%;
       height: 0;
       transition: all linear 0.1s;
     }
+
     .canvas-active {
       height: 15vh;
     }
+
     pre {
       overflow: scroll;
     }
@@ -30,29 +36,39 @@
 
 <body>
   <h1>听歌识曲 Demo (Credit: <a href="https://github.com/mos9527/ncm-afp" target="_blank">https://github.com/mos9527/ncm-afp</a>)</h1>
+  <hr>
+  <p><b>DISCLAIMER: </b></p>
+  <p>This site uses the offical NetEase audio matcher APIs (reverse engineered from <a
+      href="https://fn.music.163.com/g/chrome-extension-home-page-beta/">https://fn.music.163.com/g/chrome-extension-home-page-beta/</a>)
+  </p>
+  <p>And DOES NOT condone copyright infringment nor intellectual property theft.</p>
+  <hr>
+  <p><b>NOTE:</b></p>
+  <p>Before start using the site, you may want to access this link first:</p>
+  <a href="https://cors-anywhere.herokuapp.com/corsdemo">https://cors-anywhere.herokuapp.com/corsdemo</a>
+  <p>Since Netease APIs do not have CORS headers, this is required to alleviate this restriction.</p>
+  <hr>
   <p>Usage:</p>
   <li>Select your audio file through "Choose File" picker</li>
-    <li>Seek to a point where your music should sound the most distinct</li>
   <li>Hit the "Clip" button and wait for the results!</li>
-    <p>Sorry if your music somehow sounds 100x awful here, since everything is in <i>telephone quality</i> and that's what <i>they</i>'re using :/</p>
 
   <audio id="audio" controls autoplay></audio>
   <canvas id="canvas"></canvas>
   <button id="invoke">Clip</button>
   <input type="file" name="picker" accept="*" id="file">
   <hr>
-    <label for="use-mic">Listen from microphone</label>
+  <label for="use-mic">Mix in Microphone input</label>
   <input type="checkbox" name="use-mic" id="usemic">
   <hr>
   <pre id="logs"></pre>
 </body>
+<script src="./afp.wasm.js"></script>
+<script src="./afp.js"></script>
 <script type="module">
-    import { InstantiateRuntime , GenerateFP } from './afp.js'
+  const duration = 3
-    const duration = 5
 
   let audioCtx, recorderNode, micSourceNode
-    let audioBuffer,bufferHealth
+  let audioBuffer, bufferHealth
-    let runtime = InstantiateRuntime()
   let audio = document.getElementById('audio')
   let file = document.getElementById('file')
   let clip = document.getElementById('invoke')
@@ -62,31 +78,32 @@
   let logs = document.getElementById('logs')
   logs.write = line => logs.innerHTML += line + '\n'
 
-    function RecorderCallback(channelL){
+  function RecorderCallback(channelL) {
     let sampleBuffer = new Float32Array(channelL.subarray(0, duration * 8000))
-        let FP = GenerateFP(sampleBuffer)
+    GenerateFP(sampleBuffer).then(FP => {
       logs.write(`[index] Generated FP ${FP}`)
       logs.write('[index] Now querying, please wait...')
       fetch(
         '/audio/match?' +
-            new URLSearchParams(Object.assign({
+        new URLSearchParams({
-                audioFP: FP,
+          duration: duration, audioFP: FP
-                duration: duration
+        }), {
-            }))
+        method: 'POST'
-        ).then(resp => resp.json()).then(resp => {
+      }).then(resp => resp.json()).then(resp => {
-            if (!resp.data.result){
+        if (!resp.data.result) {
           return logs.write('[index] Query failed with no results.')
         }
         logs.write(`[index] Query complete. Results=${resp.data.result.length}`)
         for (var song of resp.data.result) {
           logs.write(
-                    `<a target="_blank" href="https://music.163.com/song?id=${song.song.id}">${song.song.name} - ${song.song.album.name} (${song.startTime / 1000}s)</a>`
+            `[result] <a target="_blank" href="https://music.163.com/song?id=${song.song.id}">${song.song.name} - ${song.song.album.name} (${song.startTime / 1000}s)</a>`
           )
         }
       })
+    })
   }
 
-    function InitAudioCtx(){    
+  function InitAudioCtx() {
     // AFP.wasm can't do it with anything other than 8KHz
     audioCtx = new AudioContext({ 'sampleRate': 8000 })
     if (audioCtx.state == 'suspended')
@@ -105,7 +122,7 @@
             canvas.classList.remove('canvas-active')
             break
           case 'bufferhealth':
-                        clip.innerHTML = `${(duration * (1-event.data.health)).toFixed(2)}s`
+            clip.innerHTML = `${(duration * (1 - event.data.health)).toFixed(2)}s`
             bufferHealth = event.data.health
             audioBuffer = event.data.recording
             break
@@ -121,7 +138,7 @@
           noiseSuppression: false,
           latency: 0,
         },
-            }).then(micStream=>{
+      }).then(micStream => {
         micSourceNode = audioCtx.createMediaStreamSource(micStream);
         micSourceNode.connect(recorderNode)
         usemic.checked = true
@@ -131,7 +148,6 @@
     return true
   }
 
-    runtime.then(() => logs.write('[index] Wasm module loaded.'))    
   clip.addEventListener('click', event => {
     recorderNode.port.postMessage({
       message: 'start', duration: duration
@@ -139,7 +155,7 @@
     clip.disabled = true
     canvas.classList.add('canvas-active')
   })
-    usemic.addEventListener('change',event=>{              
+  usemic.addEventListener('change', event => {
     if (!usemic.checked)
       micSourceNode.disconnect(recorderNode)
     else
@@ -148,30 +164,29 @@
   file.addEventListener('change', event => {
     file.files[0].arrayBuffer().then(
       async buffer => {
-                await runtime
         logs.write(`[index] File ${file.files[0].name} loaded.`)
         audio.src = window.URL.createObjectURL(new Blob([buffer]))
         clip.disabled = false
       })
   })
 
-    function UpdateCanvas(){
+  function UpdateCanvas() {
     let w = canvas.clientWidth, h = canvas.clientHeight
-        canvas.width = w,canvas.height = h
+    canvas.width = w, canvas.height = h
     canvasCtx.fillStyle = 'rgba(0,0,0,0)';
-        canvasCtx.fillRect(0, 0, w,h);
+    canvasCtx.fillRect(0, 0, w, h);
-        if (audioBuffer){
+    if (audioBuffer) {
       canvasCtx.fillStyle = 'black';
-            for (var x=0;x<w * bufferHealth;x++){
+      for (var x = 0; x < w * bufferHealth; x++) {
         var y = audioBuffer[Math.ceil((x / w) * audioBuffer.length)]
         var z = Math.abs(y) * h / 2
-                canvasCtx.fillRect(x,h / 2 - (y > 0 ? z : 0),1,z)
+        canvasCtx.fillRect(x, h / 2 - (y > 0 ? z : 0), 1, z)
       }
     }
     requestAnimationFrame(UpdateCanvas)
   }
   UpdateCanvas()
-    let requestCtx = setInterval(()=>{
+  let requestCtx = setInterval(() => {
     try {
       if (InitAudioCtx()) { // Put this here so we don't have to deal with the 'user did not interact' thing
         clearInterval(requestCtx)
@@ -180,5 +195,5 @@
     } catch {
       // Fail silently
     }
-    },100)
+  }, 100)
 </script>