build: docker compile script

build.sh

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+WORKDIR="/var/www/unlock-music"
+
+docker run --rm -it -v ${WORKDIR}:/build/ --workdir /build/ --entrypoint ./scripts/build-wasm.sh emscripten/emsdk:3.0.0
+
+docker run --rm -it -v ${WORKDIR}:/build/ --workdir /build/ --entrypoint bash node:16.18-bullseye -c "npm ci && npm run build"

public/index.html

@@ -5,9 +5,9 @@
     <meta content="webkit" name="renderer">
     <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
     <meta content="width=device-width,initial-scale=1.0" name="viewport">
-    <title>音乐解锁</title>
+    <title>Dnomd343 - UnlockMusic</title>
     <meta content="音乐,解锁,ncm,qmc,mgg,mflac,qq音乐,网易云音乐,加密" name="keywords"/>
-    <meta content="音乐解锁 - 在任何设备上解锁已购的加密音乐！" name="description"/>
+    <meta content="音乐解锁 - 在线解锁加密音乐！" name="description"/>
     <!--@formatter:off-->
     <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 #1db1ff;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#loader-mask{text-align:center;position:absolute;width:100%;height:100%;bottom:0;left:0;right:0;top:0;z-index:1009;background-color:rgba(242,246,252,.88)}@media (prefers-color-scheme:dark){#loader-mask{color:#fff;background-color:rgba(0,0,0,.85)}#loader-mask a{color:#ddd}#loader-mask a:hover{color:#1db1ff}}#loader-source{font-size:1.5rem}#loader-tips-timeout{font-size:1.2rem}</style>
     <!--@formatter:on-->
@@ -19,19 +19,11 @@
     <noscript>
         <h3 id="loader-js">请启用JavaScript</h3>
     </noscript>
-    <h3 id="loader-source"> 请勿直接运行源代码！ </h3>
     <div id="loader-tips-outdated" hidden>
         <h2>您可能在使用不受支持的<span style="color:#f00;">过时</span>浏览器，这可能导致此应用无法正常工作。</h2>
         <h3>如果您使用双核浏览器，您可以尝试切换到 <span style="color:#f00;">“极速模式”</span> 解决此问题。</h3>
         <h3>或者，您可以尝试更换下方的几个浏览器之一。</h3>
     </div>
-    <h3 id="loader-tips-timeout" hidden>
-        音乐解锁采用了一些新特性！建议使用
-        <a href="https://www.microsoft.com/zh-cn/edge" target="_blank">Microsoft Edge Chromium</a>
-        <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://github.com/ix64/unlock-music/wiki/使用提示" target="_blank">使用提示</a>
-    </h3>
 </div>
 <div id="app"></div>
 <script src="./loader.js"></script>

src/App.vue

@@ -3,24 +3,6 @@
     <el-main>
       <Home />
     </el-main>
-    <el-footer id="app-footer">
-      <el-row>
-        <a href="https://github.com/ix64/unlock-music" target="_blank">音乐解锁</a>({{ version }})
-        ：移除已购音乐的加密保护。
-        <a href="https://github.com/ix64/unlock-music/wiki/使用提示" target="_blank">使用提示</a>
-      </el-row>
-      <el-row>
-        目前支持 网易云音乐(ncm), QQ音乐(qmc, mflac, mgg), 酷狗音乐(kgm), 虾米音乐(xm), 酷我音乐(.kwm)
-        <a href="https://github.com/ix64/unlock-music/blob/master/README.md" target="_blank">更多</a>。
-      </el-row>
-      <el-row>
-        <!--如果进行二次开发，此行版权信息不得移除且应明显地标注于页面上-->
-        <span>Copyright &copy; 2019 - {{ new Date().getFullYear() }} MengYX</span>
-        音乐解锁使用
-        <a href="https://github.com/ix64/unlock-music/blob/master/LICENSE" target="_blank">MIT许可协议</a>
-        开放源代码
-      </el-row>
-    </el-footer>
   </el-container>
 </template>
 
@@ -51,39 +33,6 @@ export default {
       const mask = document.getElementById('loader-mask');
       if (!!mask) mask.remove();
       let updateInfo;
-      try {
-        updateInfo = await checkUpdate(this.version);
-      } catch (e) {
-        console.warn('check version info failed', e);
-      }
-      if (
-        updateInfo &&
-        process.env.NODE_ENV === 'production' &&
-        (updateInfo.HttpsFound || (updateInfo.Found && window.location.protocol !== 'https:'))
-      ) {
-        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: `<div>
-                        <p>我们使用 PWA 技术，无网络也能使用</p>
-                        <div class="update-info">
-                            <div class="update-title">最近更新</div>
-                            <div class="update-content"> ${config.updateInfo} </div>
-                        </div>
-                        <a target="_blank" href="https://github.com/ix64/unlock-music/wiki/使用提示">使用提示</a>
-                    </div>`,
-          dangerouslyUseHTMLString: true,
-          duration: 10000,
-          position: 'top-left',
-        });
-      }
     },
   },
 };

src/component/FileSelector.vue

@@ -1,26 +1,7 @@
 <template>
   <el-upload :auto-upload="false" :on-change="addFile" :show-file-list="false" action="" drag multiple>
     <i class="el-icon-upload" />
-    <div class="el-upload__text">将文件拖到此处，或 <em>点击选择</em></div>
-    <div slot="tip" class="el-upload__tip">
-      <div>
-        仅在浏览器内对文件进行解锁，无需消耗流量
-        <el-tooltip effect="dark" placement="top-start">
-          <div slot="content">算法在源代码中已经提供，所有运算都发生在本地</div>
-          <i class="el-icon-info" style="font-size: 12px" />
-        </el-tooltip>
-      </div>
-      <div>
-        工作模式: {{ parallel ? '多线程 Worker' : '单线程 Queue' }}
-        <el-tooltip effect="dark" placement="top-start">
-          <div slot="content">
-            将此工具部署在HTTPS环境下，可以启用Web Worker特性，<br />
-            从而更快的利用并行处理完成解锁
-          </div>
-          <i class="el-icon-info" style="font-size: 12px" />
-        </el-tooltip>
-      </div>
-    </div>
+    <div class="el-upload__text">将文件拖到此处</div>
     <transition name="el-fade-in"
       ><!--todo: add delay to animation-->
       <el-progress

src/utils/utils.ts

@@ -9,9 +9,8 @@ export enum FilenamePolicy {
 }
 
 export const FilenamePolicies: { key: FilenamePolicy; text: string }[] = [
-  { key: FilenamePolicy.ArtistAndTitle, text: '歌手-歌曲名' },
   { key: FilenamePolicy.TitleOnly, text: '歌曲名' },
-  { key: FilenamePolicy.TitleAndArtist, text: '歌曲名-歌手' },
+  { key: FilenamePolicy.ArtistAndTitle, text: '歌手-歌曲名' },
   { key: FilenamePolicy.SameAsOriginal, text: '同源文件名' },
 ];
 

src/view/Home.vue

@@ -4,7 +4,7 @@
 
     <div id="app-control">
       <el-row class="mb-3">
-        <span>歌曲命名格式：</span>
+        <span>命名格式：</span>
         <el-radio v-for="k in FilenamePolicies" :key="k.key" v-model="filename_policy" :label="k.key">
           {{ k.text }}
         </el-radio>