Bump Version

Add Local Experimental Support For Mgg

.drone.yml

@@ -7,34 +7,27 @@ clone:
   depth: 1
 
 steps:
-  - name: restore-cache
-    image: drillster/drone-volume-cache
-    volumes:
-      - name: cache
-        path: /cache
-    settings:
-      restore: true
-      mount:
-        - ./node_modules
-
   - name: installDependencies
     image: node:lts
     commands:
-      - npm config set registry http://registry.npm.taobao.org --global
+      - npm ci --verbose --registry=https://registry.npm.taobao.org
-      - npm install
 
   - name: build
     image: node:lts
     commands:
+      - npm run build
+      - tar -czf legacy.tar.gz -C ./dist .
       - npm run build -- --modern
-      - tar -czf dist.tar.gz ./dist/*
+      - tar -czf morden.tar.gz -C ./dist .
+
 
   - name: release
     image: plugins/gitea-release
     settings:
       base_url: https://git.ixarea.com
       files:
-        - dist.tar.gz
+        - morden.tar.gz
+        - legacy.tar.gz
       api_key:
         from_secret: gitea_token
       checksum:
@@ -51,20 +44,21 @@ steps:
       secret_key:
         from_secret: aws_secret_access_key
       source: dist/**/*
-      target: /
+      strip_prefix: dist/
+      target: /public
       path_style: true
       endpoint: https://fs.sz2.ixarea.com
 
-  - name: rebuild-cache
+
-    image: drillster/drone-volume-cache
+  - name: upload
-    volumes:
+    image: plugins/s3
-      - name: cache
-        path: /cache
     settings:
-      rebuild: true
+      bucket: unlock-music
-      mount:
+      access_key:
-        - ./node_modules
+        from_secret: aws_access_key_id
-volumes:
+      secret_key:
-  - name: cache
+        from_secret: aws_secret_access_key
-    host:
+      source: ./*.tar.gz
-      path: /tmp/cache
+      target: /build/${DRONE_BUILD_NUMBER}
+      path_style: true
+      endpoint: https://fs.sz2.ixarea.com

README.md

@@ -1,23 +1,26 @@
 # Unlock Music 音乐解锁
 - Unlock encrypted music file in browser. 
 - 在浏览器中解锁加密的音乐文件。
-- [Online Demo](https://tool.ixarea.com/music)
+- unlock-music项目是以学习和技术研究的初衷创建的。
+- 由于存在可能的法律风险以及滥用风险，不再提供Demo服务。
 
 [![Build Status](https://ci.ixarea.com/api/badges/ix64/unlock-music/status.svg)](https://ci.ixarea.com/ix64/unlock-music)
 
 # Features
 - [x] Unlock in browser 在浏览器中解锁
-- [x] QQMusic File QQ音乐格式 (.qmc0/.qmc3/.qmcflac/.qmcogg)
+- [x] QQMusic Format QQ音乐格式 (.qmc0/.qmc3/.qmcflac/.qmcogg/.tkm)
-- [ ] QQMusic New Format QQ音乐新格式
+- [x] MooMusic Format Moo音乐格式 ([.bkcmp3/.bkcflac](https://github.com/ix64/unlock-music/issues/11))
-    - [x] .mflac (Partial 部分支持)
+- [x] QQMusic Tm Format QQ音乐Tm格式 (.tm0/.tm2/.tm3/.tm6)
-    - [ ] .mgg
+- [x] QQMusic New Format QQ音乐新格式 (Experimental 实验性支持)
+    - [x] .mflac 
+    - [x] .mgg
 - [x] Netease Format 网易云音乐格式 (.ncm)
 - [x] Drag and Drop 拖放文件
 - [x] Play instantly 在线播放
 - [x] Batch unlocking 批量解锁
 - [x] Progressive Web App 渐进式Web应用
 - [x] Complete ID3 for ncm 补全ncm的ID3信息
-- [ ] Multi-language 多语言
+- [x] Multi-threads 多线程 
 
 # 使用方法
 ## 下载已构建版本

babel.config.js

@@ -1,5 +1,11 @@
 module.exports = {
     presets: [
-    '@vue/app'
+        '@vue/cli-plugin-babel/preset'
+    ],
+    plugins: [
+        ["component", {
+            "libraryName": "element-ui",
+            "styleLibraryName": "theme-chalk"
+        }]
     ]
-}
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "unlock-music",
-  "version": "1.0.2",
+  "version": "1.3.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -8,19 +8,20 @@
   },
   "dependencies": {
     "browser-id3-writer": "^4.3.0",
-    "core-js": "^2.6.10",
+    "core-js": "^3.6.4",
-    "crypto-js": "^3.1.9-1",
+    "crypto-js": "^4.0.0",
     "element-ui": "^2.13.0",
-    "music-metadata-browser": "^1.8.1",
+    "music-metadata-browser": "^2.0.4",
     "register-service-worker": "^1.6.2",
-    "vue": "^2.6.10"
+    "vue": "^2.6.11"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.11.0",
+    "@vue/cli-plugin-babel": "^4.2.2",
-    "@vue/cli-plugin-pwa": "^3.11.0",
+    "@vue/cli-plugin-pwa": "^4.2.2",
-    "@vue/cli-service": "^3.11.0",
+    "@vue/cli-service": "^4.2.2",
     "babel-plugin-component": "^1.1.1",
     "vue-cli-plugin-element": "^1.0.1",
-    "vue-template-compiler": "^2.6.10"
+    "vue-template-compiler": "^2.6.11",
+    "workerize-loader": "^1.1.0"
   }
 }

public/index.html

@@ -12,43 +12,7 @@
     <title>音乐解锁 - By IXarea</title>
     <meta content="音乐,解锁,ncm,qmc,qmc0,qmc3,qmcflac,qmcogg,mflac,qq音乐,网易云音乐,加密" name="keywords"/>
     <meta content="音乐解锁 - 在任何设备上解锁已购的加密音乐！" name="description"/>
-    <style>
+    <style>#loader{position:absolute;left:50%;top:50%;z-index:1010;margin:-75px 0 0 -75px;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loader-mask{position:absolute;width:100%;height:100%;bottom:0;left:0;right:0;top:0;z-index:1009;background-color:rgba(242,246,252,0.88)}</style>
-        #loader {
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            z-index: 1010;
-            margin: -75px 0 0 -75px;
-            border: 16px solid #f3f3f3;
-            border-radius: 50%;
-            border-top: 16px solid #3498db;
-            width: 120px;
-            height: 120px;
-            animation: spin 2s linear infinite;
-        }
-
-        @keyframes spin {
-            0% {
-                transform: rotate(0deg);
-            }
-            100% {
-                transform: rotate(360deg);
-            }
-        }
-
-        #loader-mask {
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            top: 0;
-            z-index: 1009;
-            background-color: rgba(242, 246, 252, 0.88);
-        }
-
-    </style>
 </head>
 <body>
 
@@ -62,6 +26,7 @@
     <strong>音乐解锁采用了一些新特性！建议使用
         <a href="https://www.google.cn/chrome/" target="_blank">Google Chrome</a>
         <a href="https://www.firefox.com.cn/" target="_blank">Mozilla Firefox</a>
+        <a href="https://www.microsoftedgeinsider.com/zh-cn/download" target="_blank">Mozilla Firefox</a>
         | <a href="https://github.com/ix64/unlock-music/wiki/使用提示" target="_blank">使用提示</a>
     </strong>
 </div>

src/App.vue

@@ -1,195 +1,155 @@
 <template>
-    <div id="app">
+
-        <el-container>
+    <el-container id="app">
         <el-main>
-                <el-upload
+            <x-upload v-on:handle_finish="showSuccess" v-on:handle_error="showFail"></x-upload>
-                        :auto-upload="false"
-                        :on-change="handleFile"
-                        :show-file-list="false"
-                        action=""
-                        drag
-                        multiple>
-                    <i class="el-icon-upload"></i>
-                    <div class="el-upload__text">将文件拖到此处，或<em>点击选择</em></div>
-                    <div class="el-upload__tip" slot="tip">本工具仅在浏览器内对文件进行解锁，无需消耗流量</div>
-                </el-upload>
 
             <el-row id="app-control">
-
+                <el-row style="padding-bottom: 1em; font-size: 14px">
+                    歌曲命名格式：
+                    <el-radio label="1" name="format" v-model="download_format">歌手-歌曲名</el-radio>
+                    <el-radio label="2" name="format" v-model="download_format">歌曲名</el-radio>
+                    <el-radio label="3" name="format" v-model="download_format">歌曲名-歌手</el-radio>
+                    <el-radio label="4" name="format" v-model="download_format">同原文件名</el-radio>
+                </el-row>
+                <el-row>
                     <el-button @click="handleDownloadAll" icon="el-icon-download" plain>下载全部</el-button>
                     <el-button @click="handleDeleteAll" icon="el-icon-delete" plain type="danger">删除全部</el-button>
-
+                    <el-checkbox border style="margin-left: 1em" v-model="instant_download">立即保存</el-checkbox>
                 </el-row>
-                <audio :autoplay="playing_auto" :src="playing_url" controls></audio>
+            </el-row>
+            <audio :autoplay="playing_auto" :src="playing_url" controls/>
 
+            <x-preview :table-data="tableData" :download_format="download_format"
+                       v-on:music_changed="changePlaying"></x-preview>
 
-                <el-table :data="tableData" style="width: 100%">
-
-                    <el-table-column label="封面">
-                        <template slot-scope="scope">
-                            <el-image :src="scope.row.picture" style="width: 100px; height: 100px">
-                                <div class="image-slot el-image__error" slot="error">
-                                    暂无封面
-                                </div>
-                            </el-image>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="歌曲" sortable>
-                        <template slot-scope="scope">
-                            <span style="margin-left: 10px">{{ scope.row.title }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="歌手" sortable>
-                        <template slot-scope="scope">
-                            <p>{{ scope.row.artist }}</p>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="专辑" sortable>
-                        <template slot-scope="scope">
-                            <p>{{ scope.row.album }}</p>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="操作">
-                        <template slot-scope="scope">
-                            <el-button @click="handlePlay(scope.$index, scope.row)"
-                                       circle icon="el-icon-video-play" type="success">
-                            </el-button>
-                            <el-button @click="handleDownload(scope.row)"
-                                       circle icon="el-icon-download">
-                            </el-button>
-                            <el-button @click="handleDelete(scope.$index, scope.row)"
-                                       circle icon="el-icon-delete" type="danger">
-                            </el-button>
-                        </template>
-                    </el-table-column>
-                </el-table>
         </el-main>
         <el-footer id="app-footer">
             <el-row>
-                    音乐解锁：移除已购音乐的加密保护。
+                <a href="https://github.com/ix64/unlock-music" target="_blank">音乐解锁</a>(v<span
-                    目前支持网易云音乐(ncm)和QQ音乐(qmc0, qmc3, qmcflac, qmcogg, mflac)。
+                    v-text="version"></span>)：移除已购音乐的加密保护。
                 <a href="https://github.com/ix64/unlock-music/wiki/使用提示" target="_blank">使用提示</a>
             </el-row>
             <el-row>
-                    <span>Copyright &copy; 2019</span>
+                目前支持网易云音乐(ncm)、QQ音乐(qmc, mflac, mgg, tkm)以及
-                    <a href="https://github.com/ix64" target="_blank">MengYX</a>
+                <a href="https://github.com/ix64/unlock-music/blob/master/README.md" target="_blank">其他格式</a>。
+            </el-row>
+            <el-row>
+                <span>Copyright &copy; 2019</span> MengYX
                 音乐解锁使用
                 <a href="https://github.com/ix64/unlock-music/blob/master/LICENSE" target="_blank">MIT许可协议</a>
-                    开放
+                开放源代码
-                    <a href="https://github.com/ix64/unlock-music" target="_blank">源代码</a>
             </el-row>
         </el-footer>
     </el-container>
-    </div>
+
 </template>
 
 <script>
 
-    const NcmDecrypt = require("./plugins/ncm");
+    import upload from "./component/upload"
-    const QmcDecrypt = require("./plugins/qmc");
+    import preview from "./component/preview"
-    const RawDecrypt = require("./plugins/raw");
+    import {DownloadBlobMusic, RemoveBlobMusic} from "./component/util"
-    const MFlacDecrypt = require("./plugins/mflac");
+    import config from "../package"
+
     export default {
         name: 'app',
-        components: {},
+        components: {
+            xUpload: upload,
+            xPreview: preview
+        },
         data() {
             return {
+                version: config.version,
                 activeIndex: '1',
                 tableData: [],
                 playing_url: "",
                 playing_auto: false,
+                download_format: '1',
+                instant_download: false,
             }
         },
-        mounted() {
+        created() {
             this.$nextTick(function () {
                 this.finishLoad();
             });
         },
         methods: {
-            finishLoad() {
+            async finishLoad() {
-                document.getElementById("loader-mask").remove();
+                const mask = document.getElementById("loader-mask");
+                if (!!mask) mask.remove();
+                let updateInfo;
+                try {
+                    const resp = await fetch("https://stats.ixarea.com/collect/music/app-version", {
+                        method: "POST", headers: {"Content-Type": "application/json"},
+                        body: JSON.stringify({Version: this.version})
+                    });
+                    updateInfo = await resp.json();
+                } catch (e) {
+                }
+                if (!!updateInfo.Found) {
+                    this.$notify.warning({
+                        title: '发现更新',
+                        message: '发现新版本 v' + updateInfo.Version +
+                            '<br/>更新详情：' + updateInfo.Detail +
+                            '<br/><a target="_blank" href="' + updateInfo.URL + '">获取更新</a>',
+                        dangerouslyUseHTMLString: true,
+                        duration: 15000,
+                        position: 'top-left'
+                    });
+                } else {
                     this.$notify.info({
                         title: '离线使用',
-                    message: '我们使用PWA技术，无网络也能使用<br/>' +
+                        message: '我们使用PWA技术，无网络也能使用' +
-                        '最近更新：支持qmcogg,mflac<br/>' +
+                            '<br/>最近更新：提供实验性mgg支持' +
-                        '点击查看 <a target="_blank" href="https://github.com/ix64/unlock-music/wiki/使用提示">使用提示</a>',
+                            '<br/><a target="_blank" href="https://github.com/ix64/unlock-music/wiki/使用提示">使用提示</a>',
                         dangerouslyUseHTMLString: true,
                         duration: 10000,
                         position: 'top-left'
                     });
-            },
-            handleFile(file) {
-                let ext = file.name.substring(file.name.lastIndexOf(".") + 1, file.name.length).toLowerCase();
-                (async () => {
-                    let data = null;
-                    switch (ext) {
-                        case "ncm":
-                            data = await NcmDecrypt.Decrypt(file.raw);
-                            break;
-                        case "mp3":
-                        case "flac":
-                            data = await RawDecrypt.Decrypt(file.raw);
-                            break;
-                        case "qmc3":
-                        case "qmc0":
-                        case "qmcflac":
-                        case "qmcogg":
-                            data = await QmcDecrypt.Decrypt(file.raw);
-                            break;
-                        case "mflac":
-                            data = await MFlacDecrypt.Decrypt(file.raw);
-                            break;
-                        default:
-                            data = {
-                                status: false,
-                                message: "不支持此文件格式",
-                            };
-                            break;
                 }
+            },
+            showSuccess(data) {
                 if (data.status) {
+                    if (this.instant_download) {
+                        DownloadBlobMusic(data, this.download_format);
+                        RemoveBlobMusic(data);
+                    } else {
                         this.tableData.push(data);
                         this.$notify.success({
                             title: '解锁成功',
                             message: '成功解锁 ' + data.title,
                             duration: 3000
                         });
+                    }
+                    if (process.env.NODE_ENV === 'production') {
                         let _rp_data = [data.title, data.artist, data.album];
-                        console.log(data);
+                        window._paq.push(["trackEvent", "Unlock", data.rawExt + "," + data.mime, JSON.stringify(_rp_data)]);
-                        window._paq.push(["trackEvent", "Unlock", ext + "," + data.mime, JSON.stringify(_rp_data)]);
+                    }
                 } else {
+                    this.showFail(data.message, data.rawFilename + "." + data.rawExt)
+                }
+            },
+            showFail(errInfo, filename) {
                 this.$notify.error({
                     title: '出现问题',
-                            message: data.message + "，" + file.name +
+                    message: errInfo + "，" + filename +
                         '，参考<a target="_blank" href="https://github.com/ix64/unlock-music/wiki/使用提示">使用提示</a>',
                     dangerouslyUseHTMLString: true,
                     duration: 6000
                 });
-                        window._paq.push(["trackEvent", "Error", data.message, file.name]);
+                if (process.env.NODE_ENV === 'production') {
+                    window._paq.push(["trackEvent", "Error", errInfo, filename]);
+                    console.error(errInfo, filename);
                 }
-                })();
             },
-            handlePlay(index, row) {
+            changePlaying(url) {
-                this.playing_url = row.file;
+                this.playing_url = url;
                 this.playing_auto = true;
             },
-            handleDelete(index, row) {
-                console.log(index);
-                URL.revokeObjectURL(row.file);
-                URL.revokeObjectURL(row.picture);
-                this.tableData.splice(index, 1);
-            },
-            handleDownload(row) {
-                let a = document.createElement('a');
-                a.href = row.file;
-                a.download = row.filename;
-                document.body.append(a);
-                a.click();
-                a.remove();
-            },
             handleDeleteAll() {
                 this.tableData.forEach(value => {
-                    URL.revokeObjectURL(value.file);
+                    RemoveBlobMusic(value);
-                    URL.revokeObjectURL(value.picture);
                 });
                 this.tableData = [];
             },
@@ -197,16 +157,16 @@
                 let index = 0;
                 let c = setInterval(() => {
                     if (index < this.tableData.length) {
-                        this.handleDownload(this.tableData[index]);
+                        DownloadBlobMusic(this.tableData[index], this.download_format);
                         index++;
                     } else {
                         clearInterval(c);
                     }
-                }, 1000);
+                }, 300);
+            }
+        },
 
     }
-        }
-    }
 
 </script>
 
@@ -222,8 +182,8 @@
     }
 
     #app-footer a {
-        padding-left: 0.5em;
+        padding-left: 0.2em;
-        padding-right: 0.5em;
+        padding-right: 0.2em;
     }
 
     #app-footer {
@@ -231,14 +191,9 @@
         font-size: small;
     }
 
-    .el-upload-dragger {
-        width: 80vw !important;
-    }
-
     #app-control {
         padding-top: 1em;
         padding-bottom: 1em;
     }
 
-
 </style>

src/component/preview.vue

@@ -0,0 +1,71 @@
+<template>
+    <el-table :data="tableData" style="width: 100%">
+
+        <el-table-column label="封面">
+            <template slot-scope="scope">
+                <el-image :src="scope.row.picture" style="width: 100px; height: 100px">
+                    <div class="image-slot el-image__error" slot="error">
+                        暂无封面
+                    </div>
+                </el-image>
+            </template>
+        </el-table-column>
+        <el-table-column label="歌曲">
+            <template slot-scope="scope">
+                <span style="margin-left: 10px">{{ scope.row.title }}</span>
+            </template>
+        </el-table-column>
+        <el-table-column label="歌手">
+            <template slot-scope="scope">
+                <p>{{ scope.row.artist }}</p>
+            </template>
+        </el-table-column>
+        <el-table-column label="专辑">
+            <template slot-scope="scope">
+                <p>{{ scope.row.album }}</p>
+            </template>
+        </el-table-column>
+        <el-table-column label="操作">
+            <template slot-scope="scope">
+                <el-button @click="handlePlay(scope.$index, scope.row)"
+                           circle icon="el-icon-video-play" type="success">
+                </el-button>
+                <el-button @click="handleDownload(scope.row)"
+                           circle icon="el-icon-download">
+                </el-button>
+                <el-button @click="handleDelete(scope.$index, scope.row)"
+                           circle icon="el-icon-delete" type="danger">
+                </el-button>
+            </template>
+        </el-table-column>
+    </el-table>
+</template>
+
+<script>
+    import {DownloadBlobMusic, RemoveBlobMusic} from './util'
+
+    export default {
+        name: "preview",
+        props: {
+            tableData: {type: Array, required: true},
+            download_format: {type: String, required: true}
+        },
+
+        methods: {
+            handlePlay(index, row) {
+                this.$emit("music_changed", row.file);
+            },
+            handleDelete(index, row) {
+                RemoveBlobMusic(row);
+                this.tableData.splice(index, 1);
+            },
+            handleDownload(row) {
+                DownloadBlobMusic(row, this.download_format)
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/component/upload.vue

@@ -0,0 +1,87 @@
+<template>
+    <el-upload
+            :auto-upload="false"
+            :on-change="handleFile"
+            :show-file-list="false"
+            action=""
+            drag
+            multiple>
+        <i class="el-icon-upload"/>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击选择</em></div>
+        <div class="el-upload__tip" slot="tip">本工具仅在浏览器内对文件进行解锁，无需消耗流量</div>
+    </el-upload>
+</template>
+
+<script>
+    "use strict";// 严格模式 用于尾调用优化
+
+    export default {
+        name: "upload",
+        data() {
+            return {
+                cacheQueue: [],
+                workers: [],
+                idle_workers: [],
+                thread_num: 1
+            }
+        },
+        mounted() {
+            if (document.location.host !== "" && process.env.NODE_ENV === 'production') {
+                this.thread_num = navigator.hardwareConcurrency || 1;
+                const worker = require("workerize-loader!../decrypt/common");
+                // noinspection JSValidateTypes,JSUnresolvedVariable
+                this.workers.push(worker().CommonDecrypt);
+                this.idle_workers.push(0);
+                // delay to optimize for first loading
+                setTimeout(() => {
+                    for (let i = 1; i < this.thread_num; i++) {
+                        // noinspection JSValidateTypes,JSUnresolvedVariable
+                        this.workers.push(worker().CommonDecrypt);
+                        this.idle_workers.push(i);
+                    }
+                }, 1000);
+            } else {
+                const dec = require('../decrypt/common');
+                this.workers.push(dec.CommonDecrypt);
+                this.idle_workers.push(0)
+            }
+        },
+        methods: {
+            handleFile(file) {
+                // 有空闲worker 立刻处理文件
+                if (this.idle_workers.length > 0) {
+                    this.handleDoFile(file, this.idle_workers.shift());
+                }
+                // 无空闲worker 则放入缓存队列
+                else {
+                    this.cacheQueue.push(file);
+                }
+            },
+            handleCacheQueue(worker_id) {
+                // 调用方法消费缓存队列中的数据
+                if (this.cacheQueue.length === 0) {
+                    this.idle_workers.push(worker_id);
+                    return
+                }
+                this.handleDoFile(this.cacheQueue.shift(), worker_id);
+            },
+            handleDoFile(file, worker_id) {
+                this.workers[worker_id](file).then(data => {
+                    this.$emit("handle_finish", data);
+                    // 完成之后 执行新任务 todo: 可能导致call stack过长
+                    this.handleCacheQueue(worker_id);
+                }).catch(err => {
+                    this.$emit("handle_error", err, file.name);
+                    this.handleCacheQueue(worker_id);
+                })
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    /*noinspection CssUnusedSymbol*/
+    .el-upload-dragger {
+        width: 80vw !important;
+    }
+</style>

src/component/util.js

@@ -0,0 +1,27 @@
+export function DownloadBlobMusic(data, format) {
+    const a = document.createElement('a');
+    a.href = data.file;
+    switch (format) {
+        default:
+        case "1":
+            a.download = data.artist + " - " + data.title + "." + data.ext;
+            break;
+        case "2":
+            a.download = data.title + "." + data.ext;
+            break;
+        case "3":
+            a.download = data.title + " - " + data.artist + "." + data.ext;
+            break;
+        case "4":
+            a.download = data.rawFilename + "." + data.ext;
+            break;
+    }
+    document.body.append(a);
+    a.click();
+    a.remove();
+}
+
+export function RemoveBlobMusic(data) {
+    URL.revokeObjectURL(data.file);
+    URL.revokeObjectURL(data.picture);
+}

src/decrypt/common.js

@@ -0,0 +1,47 @@
+const NcmDecrypt = require("./ncm");
+const QmcDecrypt = require("./qmc");
+const RawDecrypt = require("./raw");
+const TmDecrypt = require("./tm");
+
+export async function CommonDecrypt(file) {
+    let raw_ext = file.name.substring(file.name.lastIndexOf(".") + 1, file.name.length).toLowerCase();
+    let raw_filename = file.name.substring(0, file.name.lastIndexOf("."));
+    let rt_data;
+    switch (raw_ext) {
+        case "ncm":// Netease Mp3/Flac
+            rt_data = await NcmDecrypt.Decrypt(file.raw);
+            break;
+        case "mp3":// Raw Mp3
+        case "flac"://Raw Flac
+        case "m4a":// Raw M4a
+        case "ogg":// Raw Ogg
+            rt_data = await RawDecrypt.Decrypt(file.raw, raw_filename, raw_ext);
+            break;
+        case "tm0":// QQ Music IOS Mp3
+        case "tm3":// QQ Music IOS Mp3
+            rt_data = await RawDecrypt.Decrypt(file.raw, raw_filename, "mp3");
+            break;
+        case "qmc3"://QQ Music Android Mp3
+        case "qmc0"://QQ Music Android Mp3
+        case "qmcflac"://QQ Music Android Flac
+        case "qmcogg"://QQ Music Android Ogg
+        case "tkm"://QQ Music Accompaniment M4a
+        case "bkcmp3"://Moo Music Mp3
+        case "bkcflac"://Moo Music Flac
+        case "mflac"://QQ Music Desktop Flac
+        case "mgg": //QQ Music Desktop Ogg
+            rt_data = await QmcDecrypt.Decrypt(file.raw, raw_filename, raw_ext);
+            break;
+        case "tm2":// QQ Music IOS M4a
+        case "tm6":// QQ Music IOS M4a
+            rt_data = await TmDecrypt.Decrypt(file.raw, raw_filename);
+            break;
+        default:
+            rt_data = {status: false, message: "不支持此文件格式",}
+    }
+
+    rt_data.rawExt = raw_ext;
+    rt_data.rawFilename = raw_filename;
+
+    return rt_data;
+}

src/decrypt/ncm.js

@@ -0,0 +1,155 @@
+const CryptoJS = require("crypto-js");
+const ID3Writer = require("browser-id3-writer");
+const CORE_KEY = CryptoJS.enc.Hex.parse("687a4852416d736f356b496e62617857");
+const META_KEY = CryptoJS.enc.Hex.parse("2331346C6A6B5F215C5D2630553C2728");
+import {AudioMimeType, DetectAudioExt, GetArrayBuffer} from "./util"
+
+export async function Decrypt(file) {
+
+    const fileBuffer = await GetArrayBuffer(file);
+    const dataView = new DataView(fileBuffer);
+
+    if (dataView.getUint32(0, true) !== 0x4e455443 ||
+        dataView.getUint32(4, true) !== 0x4d414446)
+        return {status: false, message: "此ncm文件已损坏"};
+
+
+    const keyDataObj = getKeyData(dataView, fileBuffer, 10);
+    const keyBox = getKeyBox(keyDataObj.data);
+
+    const musicMetaObj = getMetaData(dataView, fileBuffer, keyDataObj.offset);
+    const musicMeta = musicMetaObj.data;
+
+    let audioOffset = musicMetaObj.offset + dataView.getUint32(musicMetaObj.offset + 5, true) + 13;
+    let audioData = new Uint8Array(fileBuffer, audioOffset);
+
+    for (let cur = 0; cur < audioData.length; ++cur) audioData[cur] ^= keyBox[cur & 0xff];
+
+    if (musicMeta.format === undefined) musicMeta.format = DetectAudioExt(audioData, "mp3");
+
+    const mime = AudioMimeType[musicMeta.format];
+
+    const artists = [];
+    musicMeta.artist.forEach(arr => artists.push(arr[0]));
+    if (musicMeta.format === "mp3")
+        audioData = await writeID3(audioData, artists, musicMeta.musicName, musicMeta.album, musicMeta.albumPic)
+
+    const musicData = new Blob([audioData], {type: mime});
+    return {
+        status: true,
+        title: musicMeta.musicName,
+        artist: artists.join(" & "),
+        ext: musicMeta.format,
+        album: musicMeta.album,
+        picture: musicMeta.albumPic,
+        file: URL.createObjectURL(musicData),
+        mime: mime
+    };
+}
+
+async function writeID3(audioData, artistList, title, album, picture) {
+    const writer = new ID3Writer(audioData);
+    writer.setFrame("TPE1", artistList)
+        .setFrame("TIT2", title)
+        .setFrame("TALB", album);
+    if (picture !== "") {
+        try {
+            const img = await (await fetch(picture)).arrayBuffer();
+            writer.setFrame('APIC', {
+                type: 3,
+                data: img,
+                description: 'Cover'
+            })
+        } catch (e) {
+            console.log("Fail to write cover image!");
+        }
+    }
+    writer.addTag();
+    return writer.arrayBuffer;
+}
+
+function getKeyData(dataView, fileBuffer, offset) {
+    const keyLen = dataView.getUint32(offset, true);
+    offset += 4;
+    const cipherText = new Uint8Array(fileBuffer, offset, keyLen).map(
+        uint8 => uint8 ^ 0x64
+    );
+    offset += keyLen;
+
+    const plainText = CryptoJS.AES.decrypt(
+        {ciphertext: CryptoJS.lib.WordArray.create(cipherText)},
+        CORE_KEY,
+        {
+            mode: CryptoJS.mode.ECB,
+            padding: CryptoJS.pad.Pkcs7
+        }
+    );
+
+    const result = new Uint8Array(plainText.sigBytes);
+
+    const words = plainText.words;
+    const sigBytes = plainText.sigBytes;
+    for (let i = 0; i < sigBytes; i++) {
+        result[i] = (words[i >>> 2] >>> (24 - (i % 4) * 8)) & 0xff;
+    }
+
+    return {offset: offset, data: result.slice(17)};
+}
+
+function getKeyBox(keyData) {
+    const box = new Uint8Array(Array(256).keys());
+
+    const keyDataLen = keyData.length;
+
+    let j = 0;
+
+    for (let i = 0; i < 256; i++) {
+        j = (box[i] + j + keyData[i % keyDataLen]) & 0xff;
+        [box[i], box[j]] = [box[j], box[i]];
+    }
+
+    return box.map((_, i, arr) => {
+        i = (i + 1) & 0xff;
+        const si = arr[i];
+        const sj = arr[(i + si) & 0xff];
+        return arr[(si + sj) & 0xff];
+    });
+}
+
+/**
+ * @typedef {Object} MusicMetaType
+ * @property {Number} musicId
+ * @property {String} musicName
+ * @property {[[String, Number]]} artist
+ * @property {String} album
+ * @property {"flac"|"mp3"} format
+ * @property {String} albumPic
+ */
+
+function getMetaData(dataView, fileBuffer, offset) {
+    const metaDataLen = dataView.getUint32(offset, true);
+    offset += 4;
+    if (metaDataLen === 0) {
+        return {};
+    }
+
+    const cipherText = new Uint8Array(fileBuffer, offset, metaDataLen).map(
+        data => data ^ 0x63
+    );
+    offset += metaDataLen;
+
+    const plainText = CryptoJS.AES.decrypt({
+            ciphertext: CryptoJS.enc.Base64.parse(
+                CryptoJS.lib.WordArray.create(cipherText.slice(22)).toString(CryptoJS.enc.Utf8)
+            )
+        },
+        META_KEY,
+        {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7}
+    );
+
+    const result = JSON.parse(plainText.toString(CryptoJS.enc.Utf8).slice(6));
+    result.albumPic = result.albumPic.replace("http:", "https:");
+    return {data: result, offset: offset};
+}
+
+

src/decrypt/qmc.js

@@ -0,0 +1,79 @@
+import {AudioMimeType, DetectAudioExt, GetArrayBuffer, GetCoverURL, GetFileInfo} from "./util";
+import {QmcMaskCreate58, QmcMaskGetDefault, QmcMaskDetectMgg, QmcMaskDetectMflac} from "./qmcMask";
+
+const musicMetadata = require("music-metadata-browser");
+
+const HandlerMap = {
+    "mgg": {handler: QmcMaskDetectMgg, ext: "ogg", detect: true},
+    "mflac": {handler: QmcMaskDetectMflac, ext: "flac", detect: true},
+    "qmc0": {handler: QmcMaskGetDefault, ext: "mp3", detect: false},
+    "qmc3": {handler: QmcMaskGetDefault, ext: "mp3", detect: false},
+    "qmcogg": {handler: QmcMaskGetDefault, ext: "ogg", detect: false},
+    "qmcflac": {handler: QmcMaskGetDefault, ext: "flac", detect: false},
+    "bkcmp3": {handler: QmcMaskGetDefault, ext: "mp3", detect: false},
+    "bkcflac": {handler: QmcMaskGetDefault, ext: "flac", detect: false},
+    "tkm": {handler: QmcMaskGetDefault, ext: "m4a", detect: false}
+};
+
+export async function Decrypt(file, raw_filename, raw_ext) {
+    if (!(raw_ext in HandlerMap)) return {status: false, message: "File type is incorrect!"};
+    const handler = HandlerMap[raw_ext];
+
+    const fileData = new Uint8Array(await GetArrayBuffer(file));
+    let audioData, seed, keyData;
+    if (handler.detect) {
+        audioData = fileData.slice(0, -0x170);
+        seed = handler.handler(audioData);
+        keyData = fileData.slice(-0x170);
+        if (seed === undefined) seed = await queryKeyInfo(keyData, raw_filename, raw_ext);
+        if (seed === undefined) return {status: false, message: raw_ext + "格式仅提供实验性支持！"};
+    } else {
+        audioData = fileData;
+        seed = handler.handler(audioData);
+    }
+    const dec = seed.Decrypt(audioData);
+
+    const ext = DetectAudioExt(dec, handler.ext);
+    const mime = AudioMimeType[ext];
+
+    const musicData = new Blob([dec], {type: mime});
+
+    const tag = await musicMetadata.parseBlob(musicData);
+    const info = GetFileInfo(tag.common.artist, tag.common.title, raw_filename);
+    if (handler.detect) reportKeyUsage(keyData, seed.Matrix128,
+        info.artist, info.title, tag.common.album, raw_filename, raw_ext);
+    return {
+        status: true,
+        title: info.title,
+        artist: info.artist,
+        ext: ext,
+        album: tag.common.album,
+        picture: GetCoverURL(tag),
+        file: URL.createObjectURL(musicData),
+        mime: mime
+    }
+}
+
+function reportKeyUsage(keyData, maskData, artist, title, album, filename, format) {
+    fetch("https://stats.ixarea.com/collect/qmcmask/usage", {
+        method: "POST",
+        headers: {"Content-Type": "application/json"},
+        body: JSON.stringify({
+            Mask: Array.from(maskData), Key: Array.from(keyData),
+            Artist: artist, Title: title, Album: album, Filename: filename, Format: format
+        }),
+    }).then().catch()
+}
+
+async function queryKeyInfo(keyData, filename, format) {
+    try {
+        const resp = await fetch("https://stats.ixarea.com/collect/qmcmask/query", {
+            method: "POST",
+            headers: {"Content-Type": "application/json"},
+            body: JSON.stringify({Format: format, Key: Array.from(keyData), Filename: filename}),
+        });
+        let data = await resp.json();
+        return QmcMaskCreate58(data.Matrix58, data.Super58A, data.Super58B);
+    } catch (e) {
+    }
+}

src/decrypt/qmcMask.js

@@ -0,0 +1,202 @@
+import {FLAC_HEADER, IsBytesEqual} from "./util"
+
+const QMOggConstHeader = [
+    0x4F, 0x67, 0x67, 0x53, 0x00, 0x02, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+    0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x1E, 0x01, 0x76, 0x6F, 0x72,
+    0x62, 0x69, 0x73, 0x00, 0x00, 0x00, 0x00, 0x02, 0x44, 0xAC, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
+    0x00, 0xEE, 0x02, 0x00, 0x00, 0x00, 0x00, 0x00, 0xB8, 0x01, 0x4F, 0x67, 0x67, 0x53, 0x00, 0x00,
+    0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00,
+    0x00, 0x00, 0x00, 0x00, 0x10, 0x00, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF,
+    0xFF, 0xFF, 0xFF, 0xFF, 0x00, 0x03, 0x76, 0x6F, 0x72, 0x62, 0x69, 0x73, 0x2C, 0x00, 0x00, 0x00,
+    0x58, 0x69, 0x70, 0x68, 0x2E, 0x4F, 0x72, 0x67, 0x20, 0x6C, 0x69, 0x62, 0x56, 0x6F, 0x72, 0x62,
+    0x69, 0x73, 0x20, 0x49, 0x20, 0x32, 0x30, 0x31, 0x35, 0x30, 0x31, 0x30, 0x35, 0x20, 0x28, 0xE2,
+    0x9B, 0x84, 0xE2, 0x9B, 0x84, 0xE2, 0x9B, 0x84, 0xE2, 0x9B, 0x84, 0x29, 0x00, 0x00, 0x00, 0x00,
+    0x00, 0x00, 0x00, 0x00, 0x54, 0x49, 0x54, 0x4C, 0x45, 0x3D];
+const QMOggConstHeaderConfidence = [
+    9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 0, 0,
+    0, 0, 9, 9, 9, 9, 0, 0, 0, 0, 9, 9, 9, 9, 9, 9,
+    9, 9, 9, 9, 9, 9, 9, 6, 3, 3, 3, 3, 6, 6, 6, 6,
+    3, 3, 3, 3, 6, 6, 6, 6, 6, 9, 9, 9, 9, 9, 9, 9,
+    9, 9, 9, 9, 9, 9, 9, 9, 0, 0, 0, 0, 9, 9, 9, 9,
+    0, 0, 0, 0, 6, 0, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3,
+    3, 3, 3, 3, 0, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9,
+    9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9,
+    9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9,
+    9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 0, 1, 9, 9,
+    0, 1, 9, 9, 9, 9, 9, 9, 9, 9];
+const QMCDefaultMaskMatrix = [
+    0x4A, 0xD6, 0xCA, 0x90, 0x67, 0xF7, 0x52, 0x5E,
+    0x95, 0x23, 0x9F, 0x13, 0x11, 0x7E, 0x47, 0x74,
+    0x3D, 0x90, 0xAA, 0x3F, 0x51, 0xC6, 0x09, 0xD5,
+    0x9F, 0xFA, 0x66, 0xF9, 0xF3, 0xD6, 0xA1, 0x90,
+    0xA0, 0xF7, 0xF0, 0x1D, 0x95, 0xDE, 0x9F, 0x84,
+    0x11, 0xF4, 0x0E, 0x74, 0xBB, 0x90, 0xBC, 0x3F,
+    0x92, 0x00, 0x09, 0x5B, 0x9F, 0x62, 0x66, 0xA1];
+const QMCDefaultMaskSuperA = 0xC3;
+const QMCDefaultMaskSuperB = 0xD8;
+
+class QmcMask {
+    constructor(matrix, superA, superB) {
+        if (superA === undefined || superB === undefined) {
+            this.Matrix128 = matrix;
+            this.generateMask58from128()
+        } else {
+            this.Matrix58 = matrix;
+            this.Super58A = superA;
+            this.Super58B = superB;
+            this.generateMask128from58();
+        }
+    }
+
+    generateMask128from58() {
+        if (this.Matrix58.length !== 56) throw "incorrect mask58 matrix length";
+
+        let matrix128 = [];
+        for (let rowIdx = 0; rowIdx < 8; rowIdx += 1) {
+            matrix128 = matrix128.concat(
+                [this.Super58A],
+                this.Matrix58.slice(7 * rowIdx, 7 * rowIdx + 7),
+                [this.Super58B],
+                this.Matrix58.slice(56 - 7 - 7 * rowIdx, 56 - 7 * rowIdx).reverse()
+            );
+        }
+        this.Matrix128 = matrix128;
+    }
+
+    generateMask58from128() {
+        if (this.Matrix128.length !== 128) throw "incorrect mask128 length";
+
+        const superA = this.Matrix128[0], superB = this.Matrix128[8];
+        let matrix58 = [];
+
+        for (let rowIdx = 0; rowIdx < 8; rowIdx += 1) {
+            let lenStart = 16 * rowIdx;
+            let lenRightStart = 120 - lenStart;
+            if (this.Matrix128[lenStart] !== superA || this.Matrix128[lenStart + 8] !== superB) {
+                throw "decode mask-128 to mask-58 failed"
+            }
+            let rowLeft = this.Matrix128.slice(lenStart + 1, lenStart + 8);
+            let rowRight = this.Matrix128.slice(lenRightStart + 1, lenRightStart + 8).reverse();
+            if (IsBytesEqual(rowLeft, rowRight)) {
+                matrix58 = matrix58.concat(rowLeft);
+            } else {
+                throw "decode mask-128 to mask-58 failed"
+            }
+        }
+        this.Matrix58 = matrix58;
+        this.Super58A = superA;
+        this.Super58B = superB;
+    }
+
+    Decrypt(data) {
+        let dst = data.slice(0);
+        let index = -1;
+        let maskIdx = -1;
+        for (let cur = 0; cur < data.length; cur++) {
+            index++;
+            maskIdx++;
+            if (index === 0x8000 || (index > 0x8000 && (index + 1) % 0x8000 === 0)) {
+                index++;
+                maskIdx++;
+            }
+            if (maskIdx >= 128) maskIdx -= 128;
+            dst[cur] ^= this.Matrix128[maskIdx];
+        }
+        return dst;
+    }
+}
+
+export function QmcMaskGetDefault() {
+    return new QmcMask(QMCDefaultMaskMatrix, QMCDefaultMaskSuperA, QMCDefaultMaskSuperB)
+}
+
+export function QmcMaskDetectMflac(data) {
+    let search_len = Math.min(0x8000, data.length), mask;
+    for (let block_idx = 0; block_idx < search_len; block_idx += 128) {
+        try {
+            mask = new QmcMask(data.slice(block_idx, block_idx + 128));
+            if (IsBytesEqual(FLAC_HEADER, mask.Decrypt(data.slice(0, FLAC_HEADER.length)))) break;
+        } catch (e) {
+        }
+    }
+    return mask
+}
+
+export function QmcMaskDetectMgg(input) {
+    if (input.length < QMOggConstHeader.length) return;
+    let matrixConfidence = {};
+    for (let i = 0; i < 58; i++) matrixConfidence[i] = {};
+
+    for (let idx128 = 0; idx128 < QMOggConstHeader.length; idx128++) {
+        if (QMOggConstHeaderConfidence[idx128] === 0) continue;
+        let idx58 = GetMask58Index(idx128);
+        let mask = input[idx128] ^ QMOggConstHeader[idx128];
+        let confidence = QMOggConstHeaderConfidence[idx128];
+        if (mask in matrixConfidence[idx58]) {
+            matrixConfidence[idx58][mask] += confidence
+        } else {
+            matrixConfidence[idx58][mask] = confidence
+        }
+    }
+    let matrix = [], superA, superB;
+    try {
+        for (let i = 0; i < 56; i++) matrix[i] = getMaskConfidenceResult(matrixConfidence[i]);
+        superA = getMaskConfidenceResult(matrixConfidence[56]);
+        superB = getMaskConfidenceResult(matrixConfidence[57]);
+    } catch (e) {
+        return;
+    }
+    return new QmcMask(matrix, superA, superB);
+}
+
+export function QmcMaskCreate128(mask128) {
+    return new QmcMask(mask128)
+}
+
+export function QmcMaskCreate58(matrix, superA, superB) {
+    return new QmcMask(matrix, superA, superB)
+}
+
+/**
+ * @param confidence {{}}
+ * @returns {number}
+ */
+function getMaskConfidenceResult(confidence) {
+    if (confidence.length === 0) throw "can not match at least one key";
+    let result, conf = 0;
+    for (let idx in confidence) {
+        if (confidence[idx] > conf) {
+            result = idx;
+            conf = confidence[idx];
+        }
+    }
+    return parseInt(result)
+}
+
+/**
+ * @return {number}
+ */
+function GetMask58Index(idx128) {
+    if (idx128 > 127) idx128 = idx128 % 128;
+    let col = idx128 % 16;
+    let row = (idx128 - col) / 16;
+    switch (col) {
+        case 0://Super 1
+            row = 8;
+            col = 0;
+            break;
+        case 8://Super 2
+            row = 8;
+            col = 1;
+            break;
+        default:
+            if (col > 7) {
+                row = 7 - row;
+                col = 15 - col;
+            } else {
+                col -= 1;
+            }
+            break;
+    }
+    return row * 7 + col
+}

src/decrypt/raw.js

@@ -0,0 +1,23 @@
+const musicMetadata = require("music-metadata-browser");
+import {GetCoverURL, GetFileInfo, AudioMimeType, DetectAudioExt, GetArrayBuffer} from "./util";
+
+export async function Decrypt(file, raw_filename, raw_ext, detect = true) {
+    let ext = raw_ext;
+    if (detect) {
+        const buffer = new Uint8Array(await GetArrayBuffer(file));
+        ext = DetectAudioExt(buffer, raw_ext);
+        if (ext !== raw_ext) file = new Blob([buffer], {type: AudioMimeType[ext]})
+    }
+    const tag = await musicMetadata.parseBlob(file);
+    const info = GetFileInfo(tag.common.artist, tag.common.title, raw_filename);
+    return {
+        status: true,
+        title: info.title,
+        artist: info.artist,
+        ext: ext,
+        album: tag.common.album,
+        picture: GetCoverURL(tag),
+        file: URL.createObjectURL(file),
+        mime: AudioMimeType[ext]
+    }
+}

src/decrypt/tm.js

@@ -0,0 +1,14 @@
+import {Decrypt as RawDecrypt} from "./raw";
+import {GetArrayBuffer} from "./util";
+
+const TM_HEADER = [0x00, 0x00, 0x00, 0x20, 0x66, 0x74, 0x79, 0x70];
+
+export async function Decrypt(file, raw_filename) {
+    const fileBuffer = await GetArrayBuffer(file);
+    const audioData = new Uint8Array(fileBuffer);
+    for (let cur = 0; cur < 8; ++cur) {
+        audioData[cur] = TM_HEADER[cur];
+    }
+    const musicData = new Blob([audioData], {type: "audio/mp4"});
+    return await RawDecrypt(musicData, raw_filename, "m4a", false)
+}

src/decrypt/util.js

@@ -0,0 +1,66 @@
+export const FLAC_HEADER = [0x66, 0x4C, 0x61, 0x43];
+export const MP3_HEADER = [0x49, 0x44, 0x33];
+export const OGG_HEADER = [0x4F, 0x67, 0x67, 0x53];
+export const M4A_HEADER = [0x66, 0x74, 0x79, 0x70];
+export const AudioMimeType = {
+    mp3: "audio/mpeg",
+    flac: "audio/flac",
+    m4a: "audio/mp4",
+    ogg: "audio/ogg"
+};
+
+// Also a new draft API: blob.arrayBuffer()
+export async function GetArrayBuffer(blobObject) {
+    return await new Promise(resolve => {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            resolve(e.target.result);
+        };
+        reader.readAsArrayBuffer(blobObject);
+    });
+}
+
+export function GetFileInfo(artist, title, filenameNoExt) {
+    let newArtist = "", newTitle = "";
+    let filenameArray = filenameNoExt.split("-");
+    if (filenameArray.length > 1) {
+        newArtist = filenameArray[0].trim();
+        newTitle = filenameArray[1].trim();
+    } else if (filenameArray.length === 1) {
+        newTitle = filenameArray[0].trim();
+    }
+
+    if (typeof artist == "string" && artist !== "") newArtist = artist;
+    if (typeof title == "string" && title !== "") newTitle = title;
+    return {artist: newArtist, title: newTitle};
+}
+
+/**
+ * @return {string}
+ */
+export function GetCoverURL(metadata) {
+    let pic_url = "";
+    if (metadata.common.picture !== undefined && metadata.common.picture.length > 0) {
+        let pic = new Blob([metadata.common.picture[0].data], {type: metadata.common.picture[0].format});
+        pic_url = URL.createObjectURL(pic);
+    }
+    return pic_url;
+}
+
+export function IsBytesEqual(first, second) {
+    // if want wholly check, should length first>=second
+    return first.every((val, idx) => {
+        return val === second[idx];
+    })
+}
+
+/**
+ * @return {string}
+ */
+export function DetectAudioExt(data, fallbackExt) {
+    if (IsBytesEqual(MP3_HEADER, data.slice(0, MP3_HEADER.length))) return "mp3";
+    if (IsBytesEqual(FLAC_HEADER, data.slice(0, FLAC_HEADER.length))) return "flac";
+    if (IsBytesEqual(OGG_HEADER, data.slice(0, OGG_HEADER.length))) return "ogg";
+    if (IsBytesEqual(M4A_HEADER, data.slice(4, 8))) return "m4a";
+    return fallbackExt;
+}

src/main.js

@@ -1,9 +1,29 @@
 import Vue from 'vue'
 import App from './App.vue'
 import './registerServiceWorker'
-import './plugins/element.js'
+import {
+    Button, Col, Container, Footer, Icon, Image, Link, Main,
+    Row, Table, TableColumn, Upload, Radio, Checkbox,
+    Notification,
+} from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css'
+
+Vue.use(Link);
+Vue.use(Image);
+Vue.use(Button);
+Vue.use(Table);
+Vue.use(TableColumn);
+Vue.use(Main);
+Vue.use(Footer);
+Vue.use(Container);
+Vue.use(Icon);
+Vue.use(Row);
+Vue.use(Col);
+Vue.use(Upload);
+Vue.use(Checkbox);
+Vue.use(Radio);
+Vue.prototype.$notify = Notification;
 
-// only if your build system can import css, otherwise import it wherever you would import your css.
 Vue.config.productionTip = false;
 
 new Vue({

src/plugins/element.js

@@ -1,31 +0,0 @@
-import Vue from 'vue'
-import {
-    Button,
-    Col,
-    Container,
-    Footer,
-    Icon,
-    Image,
-    Link,
-    Main,
-    Notification,
-    Row,
-    Table,
-    TableColumn,
-    Upload
-} from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css'
-
-Vue.use(Link);
-Vue.use(Image);
-Vue.use(Button);
-Vue.use(Table);
-Vue.use(TableColumn);
-Vue.use(Main);
-Vue.use(Footer);
-Vue.use(Container);
-Vue.use(Icon);
-Vue.use(Row);
-Vue.use(Col);
-Vue.use(Upload);
-Vue.prototype.$notify = Notification;

src/plugins/mflac.js

@@ -1,124 +0,0 @@
-const musicMetadata = require("music-metadata-browser");
-export {Decrypt}
-
-async function Decrypt(file) {
-    // 获取扩展名
-    let filename_ext = file.name.substring(file.name.lastIndexOf(".") + 1, file.name.length).toLowerCase();
-    if (filename_ext !== "mflac") return {
-        status: false,
-        message: "File type is incorrect!",
-    };
-    // 读取文件
-    const fileBuffer = await new Promise(resolve => {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            resolve(e.target.result);
-        };
-        reader.readAsArrayBuffer(file);
-    });
-    const audioData = new Uint8Array(fileBuffer.slice(0, -0x170));
-    const audioDataLen = audioData.length;
-
-    // 转换数据
-    const seed = new Mask();
-    if (!seed.DetectMask(audioData)) return{
-        status: false,
-        message: "此音乐无法解锁，目前mflac格式不提供完整支持",
-    };
-    for (let cur = 0; cur < audioDataLen; ++cur) {
-        audioData[cur] ^= seed.NextMask();
-    }
-    // 导出
-    const musicData = new Blob([audioData], {type: "audio/flac"});
-    const musicUrl = URL.createObjectURL(musicData);
-
-    // 读取Meta
-    let tag = await musicMetadata.parseBlob(musicData);
-
-    // 处理无标题歌手
-    let filename_array = file.name.substring(0, file.name.lastIndexOf(".")).split("-");
-    let title = tag.common.title;
-    let artist = tag.common.artist;
-    if (filename_array.length > 1) {
-        if (artist === undefined) artist = filename_array[0].trim();
-        if (title === undefined) title = filename_array[1].trim();
-    } else if (filename_array.length === 1) {
-        if (title === undefined) title = filename_array[0].trim();
-    }
-    const filename = artist + " - " + title + ".flac";
-    // 处理无封面
-    let pic_url = "";
-
-    if (tag.common.picture !== undefined && tag.common.picture.length >= 1) {
-        const picture = tag.common.picture[0];
-        const blobPic = new Blob([picture.data], {type: picture.format});
-        pic_url = URL.createObjectURL(blobPic);
-    }
-    // 返回*/
-    return {
-        status: true,
-        message: "",
-        filename: filename,
-        title: title,
-        artist: artist,
-        album: tag.common.album,
-        picture: pic_url,
-        file: musicUrl,
-        mime: "audio/flac"
-    }
-}
-
-class Mask {
-    FLAC_HEADER = [0x66, 0x4C, 0x61, 0x43, 0x00];
-
-    constructor() {
-        this.index = -1;
-        this.mask_index = -1;
-        this.mask = Array(128).fill(0x00);
-    }
-
-    DetectMask(data) {
-
-        let search_len = data.length - 256, mask;
-        for (let block_idx = 0; block_idx < search_len; block_idx += 128) {
-            let flag = true;
-            mask = data.slice(block_idx, block_idx + 128);
-            let next_mask = data.slice(block_idx + 128, block_idx + 256);
-            for (let idx = 0; idx < 128; idx++) {
-                if (mask[idx] !== next_mask[idx]) {
-                    flag = false;
-                    break;
-                }
-            }
-            if (!flag) continue;
-
-
-            for (let test_idx = 0; test_idx < this.FLAC_HEADER.length; test_idx++) {
-                let p = data[test_idx] ^ mask[test_idx];
-                if (p !== this.FLAC_HEADER[test_idx]) {
-                    flag = false;
-                    debugger;
-                    break;
-                }
-            }
-            if (!flag) continue;
-            this.mask = mask;
-            return true;
-        }
-        return false;
-    }
-
-    NextMask() {
-        this.index++;
-        this.mask_index++;
-        if (this.index === 0x8000 || (this.index > 0x8000 && (this.index + 1) % 0x8000 === 0)) {
-            this.index++;
-            this.mask_index++;
-        }
-        if (this.mask_index >= 128) {
-            this.mask_index -= 128;
-        }
-        return this.mask[this.mask_index]
-    }
-
-}

src/plugins/ncm.js

@@ -1,183 +0,0 @@
-const CryptoJS = require("crypto-js");
-const ID3Writer = require("browser-id3-writer");
-const CORE_KEY = CryptoJS.enc.Hex.parse("687a4852416d736f356b496e62617857");
-const META_KEY = CryptoJS.enc.Hex.parse("2331346C6A6B5F215C5D2630553C2728");
-
-const audio_mime_type = {
-    mp3: "audio/mpeg",
-    flac: "audio/flac"
-};
-
-export {Decrypt};
-
-async function Decrypt(file) {
-
-    const fileBuffer = await new Promise(reslove => {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            reslove(e.target.result);
-        };
-        reader.readAsArrayBuffer(file);
-    });
-
-    const dataView = new DataView(fileBuffer);
-
-    if (dataView.getUint32(0, true) !== 0x4e455443 ||
-        dataView.getUint32(4, true) !== 0x4d414446
-    ) return {
-        status: false,
-        message: "此ncm文件已损坏",
-    };
-
-    let offset = 10;
-
-    const keyData = (() => {
-        const keyLen = dataView.getUint32(offset, true);
-        offset += 4;
-        const cipherText = new Uint8Array(fileBuffer, offset, keyLen).map(
-            uint8 => uint8 ^ 0x64
-        );
-        offset += keyLen;
-
-        const plainText = CryptoJS.AES.decrypt(
-            {ciphertext: CryptoJS.lib.WordArray.create(cipherText)},
-            CORE_KEY,
-            {
-                mode: CryptoJS.mode.ECB,
-                padding: CryptoJS.pad.Pkcs7
-            }
-        );
-
-        const result = new Uint8Array(plainText.sigBytes);
-
-        const words = plainText.words;
-        const sigBytes = plainText.sigBytes;
-        for (let i = 0; i < sigBytes; i++) {
-            result[i] = (words[i >>> 2] >>> (24 - (i % 4) * 8)) & 0xff;
-        }
-
-
-        return result.slice(17);
-    })();
-
-    const keyBox = (() => {
-        const box = new Uint8Array(Array(256).keys());
-
-        const keyDataLen = keyData.length;
-
-        let j = 0;
-
-        for (let i = 0; i < 256; i++) {
-            j = (box[i] + j + keyData[i % keyDataLen]) & 0xff;
-            [box[i], box[j]] = [box[j], box[i]];
-        }
-
-        return box.map((_, i, arr) => {
-            i = (i + 1) & 0xff;
-            const si = arr[i];
-            const sj = arr[(i + si) & 0xff];
-            return arr[(si + sj) & 0xff];
-        });
-    })();
-
-    /**
-     * @typedef {Object} MusicMetaType
-     * @property {Number} musicId
-     * @property {String} musicName
-     * @property {[[String, Number]]} artist
-     * @property {String} album
-     * @property {"flac"|"mp3"} format
-     * @property {String} albumPic
-     */
-
-    /** @type {MusicMetaType|undefined} */
-    const musicMeta = (() => {
-        const metaDataLen = dataView.getUint32(offset, true);
-        offset += 4;
-        if (metaDataLen === 0) {
-            return {};
-        }
-
-        const cipherText = new Uint8Array(fileBuffer, offset, metaDataLen).map(
-            data => data ^ 0x63
-        );
-        offset += metaDataLen;
-
-        const plainText = CryptoJS.AES.decrypt(
-            {
-                ciphertext: CryptoJS.enc.Base64.parse(
-                    CryptoJS.lib.WordArray.create(cipherText.slice(22)).toString(CryptoJS.enc.Utf8)
-                )
-            },
-            META_KEY,
-            {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7}
-        );
-
-        const result = JSON.parse(plainText.toString(CryptoJS.enc.Utf8).slice(6));
-        result.albumPic = result.albumPic.replace("http:", "https:");
-        return result;
-    })();
-
-    offset += dataView.getUint32(offset + 5, true) + 13;
-
-    let audioData = new Uint8Array(fileBuffer, offset);
-    let audioDataLen = audioData.length;
-
-
-    for (let cur = 0; cur < audioDataLen; ++cur) {
-        audioData[cur] ^= keyBox[cur & 0xff];
-    }
-
-    if (musicMeta.format === undefined) {
-        const [f, L, a, C] = audioData;
-        if (f === 0x66 && L === 0x4c && a === 0x61 && C === 0x43) {
-            musicMeta.format = "flac";
-        } else {
-            musicMeta.format = "mp3";
-        }
-    }
-    const mime = audio_mime_type[musicMeta.format];
-
-    const artists = [];
-    musicMeta.artist.forEach(arr => {
-        artists.push(arr[0]);
-    });
-
-    if (musicMeta.format === "mp3") {
-        const writer = new ID3Writer(audioData);
-        writer.setFrame("TPE1", artists)
-            .setFrame("TIT2", musicMeta.musicName)
-            .setFrame("TALB", musicMeta.album);
-        if (musicMeta.albumPic !== "") {
-            try {
-                const img = await (await fetch(musicMeta.albumPic)).arrayBuffer();
-                writer.setFrame('APIC', {
-                    type: 3,
-                    data: img,
-                    description: 'Cover'
-                })
-            } catch (e) {
-                console.log("Fail to write cover image!");
-            }
-        }
-        writer.addTag();
-        audioData = writer.arrayBuffer;
-    }
-
-    const musicData = new Blob([audioData], {
-        type: mime
-    });
-    const musicUrl = URL.createObjectURL(musicData);
-    const filename = artists.join(" & ") + " - " + musicMeta.musicName + "." + musicMeta.format;
-    return {
-        status: true,
-        filename: filename,
-        title: musicMeta.musicName,
-        artist: artists.join(" & "),
-        album: musicMeta.album,
-        picture: musicMeta.albumPic,
-        file: musicUrl,
-        mime: mime
-    };
-}
-

src/plugins/qmc.js

@@ -1,124 +0,0 @@
-const musicMetadata = require("music-metadata-browser");
-export {Decrypt}
-const SEED_MAP = [
-    [0x4a, 0xd6, 0xca, 0x90, 0x67, 0xf7, 0x52],
-    [0x5e, 0x95, 0x23, 0x9f, 0x13, 0x11, 0x7e],
-    [0x47, 0x74, 0x3d, 0x90, 0xaa, 0x3f, 0x51],
-    [0xc6, 0x09, 0xd5, 0x9f, 0xfa, 0x66, 0xf9],
-    [0xf3, 0xd6, 0xa1, 0x90, 0xa0, 0xf7, 0xf0],
-    [0x1d, 0x95, 0xde, 0x9f, 0x84, 0x11, 0xf4],
-    [0x0e, 0x74, 0xbb, 0x90, 0xbc, 0x3f, 0x92],
-    [0x00, 0x09, 0x5b, 0x9f, 0x62, 0x66, 0xa1]];
-const audio_mime_type = {
-    mp3: "audio/mpeg",
-    flac: "audio/flac",
-    ogg: "audio/ogg"
-};
-
-async function Decrypt(file) {
-    // 获取扩展名
-    let filename_ext = file.name.substring(file.name.lastIndexOf(".") + 1, file.name.length).toLowerCase();
-    let new_ext;
-    switch (filename_ext) {
-        case "qmc0":
-        case "qmc3":
-            new_ext = "mp3";
-            break;
-        case "qmcogg":
-            new_ext = "ogg";
-            break;
-        case "qmcflac":
-            new_ext = "flac";
-            break;
-        default:
-            return {
-                status: false,
-                message: "File type is incorrect!",
-            };
-    }
-    const mime = audio_mime_type[new_ext];
-    // 读取文件
-    const fileBuffer = await new Promise(resolve => {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            resolve(e.target.result);
-        };
-        reader.readAsArrayBuffer(file);
-    });
-    const audioData = new Uint8Array(fileBuffer);
-    const audioDataLen = audioData.length;
-    // 转换数据
-    const seed = new Mask();
-    for (let cur = 0; cur < audioDataLen; ++cur) {
-        audioData[cur] ^= seed.NextMask();
-    }
-    // 导出
-    const musicData = new Blob([audioData], {
-        type: mime
-    });
-    const musicUrl = URL.createObjectURL(musicData);
-    // 读取Meta
-    let tag = await musicMetadata.parseBlob(musicData);
-
-    // 处理无标题歌手
-    let filename_array = file.name.substring(0, file.name.lastIndexOf(".")).split("-");
-    let title = tag.common.title;
-    let artist = tag.common.artist;
-    if (filename_array.length > 1) {
-        if (artist === undefined) artist = filename_array[0].trim();
-        if (title === undefined) title = filename_array[1].trim();
-    } else if (filename_array.length === 1) {
-        if (title === undefined) title = filename_array[0].trim();
-    }
-    const filename = artist + " - " + title + "." + new_ext;
-    // 处理无封面
-    let pic_url = "";
-
-    if (tag.common.picture !== undefined && tag.common.picture.length >= 1) {
-        const picture = tag.common.picture[0];
-        const blobPic = new Blob([picture.data], {type: picture.format});
-        pic_url = URL.createObjectURL(blobPic);
-    }
-    // 返回
-    return {
-        status:true,
-        filename: filename,
-        title: title,
-        artist: artist,
-        album: tag.common.album,
-        picture: pic_url,
-        file: musicUrl,
-        mime: mime
-    }
-}
-
-class Mask {
-    constructor() {
-        this.x = -1;
-        this.y = 8;
-        this.dx = 1;
-        this.index = -1;
-    }
-
-    NextMask() {
-        let ret;
-        this.index++;
-        if (this.x < 0) {
-            this.dx = 1;
-            this.y = (8 - this.y) % 8;
-            ret = 0xc3
-        } else if (this.x > 6) {
-            this.dx = -1;
-            this.y = 7 - this.y;
-            ret = 0xd8
-        } else {
-            ret = SEED_MAP[this.y][this.x]
-        }
-        this.x += this.dx;
-        if (this.index === 0x8000 || (this.index > 0x8000 && (this.index + 1) % 0x8000 === 0)) {
-            return this.NextMask()
-        }
-        return ret
-    }
-
-}

src/plugins/raw.js

@@ -1,44 +0,0 @@
-const musicMetadata = require("music-metadata-browser");
-export {Decrypt}
-
-const audio_mime_type = {
-    mp3: "audio/mpeg",
-    flac: "audio/flac"
-};
-
-async function Decrypt(file) {
-    let tag = await musicMetadata.parseBlob(file);
-    let pic_url = "";
-    if (tag.common.picture !== undefined && tag.common.picture.length > 0) {
-        let pic = new Blob([tag.common.picture[0].data], {type: tag.common.picture[0].format});
-        pic_url = URL.createObjectURL(pic);
-    }
-
-    let file_url = URL.createObjectURL(file);
-
-    let filename_no_ext = file.name.substring(0, file.name.lastIndexOf("."));
-    let filename_array = filename_no_ext.split("-");
-    let filename_ext = file.name.substring(file.name.lastIndexOf(".") + 1, file.name.length).toLowerCase();
-    const mime = audio_mime_type[filename_ext];
-    let title = tag.common.title;
-    let artist = tag.common.artist;
-
-    if (filename_array.length > 1) {
-        if (artist === undefined) artist = filename_array[0].trim();
-        if (title === undefined) title = filename_array[1].trim();
-    } else if (filename_array.length === 1) {
-        if (title === undefined) title = filename_array[0].trim();
-    }
-
-    const filename = artist + " - " + title + "." + filename_ext;
-    return {
-        status:true,
-        filename: filename,
-        title: title,
-        artist: artist,
-        album: tag.common.album,
-        picture: pic_url,
-        file: file_url,
-        mime: mime
-    }
-}

src/registerServiceWorker.js

@@ -20,7 +20,8 @@ if (process.env.NODE_ENV === 'production') {
             console.log('New content is downloading.')
         },
         updated() {
-            console.log('New content is available; please refresh.')
+            console.log('New content is available.');
+            window.location.reload();
         },
         offline() {
             console.log('No internet connection found. App is running in offline mode.')

vue.config.js

@@ -1,4 +1,9 @@
 module.exports = {
     publicPath: '',
-    productionSourceMap: true
+    productionSourceMap: true,
+    pwa: {
+        workboxOptions: {
+            skipWaiting: true
+        }
+    }
 };