feat: add basic joox support

(cherry picked from commit 699333ca06526d747a7eb4a188e896de81e9f014)
This commit is contained in:
鲁树人 2021-12-19 23:03:46 +00:00
parent 9add76c060
commit 1e7116a3a9
13 changed files with 207 additions and 16 deletions

20
package-lock.json generated
View File

@ -12,6 +12,7 @@
"dependencies": { "dependencies": {
"@babel/preset-typescript": "^7.16.5", "@babel/preset-typescript": "^7.16.5",
"@jixun/qmc2-crypto": "^0.0.5-R4", "@jixun/qmc2-crypto": "^0.0.5-R4",
"@unlock-music-gh/joox-crypto": "^0.0.1-R2",
"base64-js": "^1.5.1", "base64-js": "^1.5.1",
"browser-id3-writer": "^4.4.0", "browser-id3-writer": "^4.4.0",
"core-js": "^3.16.0", "core-js": "^3.16.0",
@ -3485,6 +3486,17 @@
"integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==", "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
"dev": true "dev": true
}, },
"node_modules/@unlock-music-gh/joox-crypto": {
"version": "0.0.1-R3",
"resolved": "https://registry.npmjs.org/@unlock-music-gh/joox-crypto/-/joox-crypto-0.0.1-R3.tgz",
"integrity": "sha512-zZRiDXKI5SxuBIcW/rsGL8jNvyWxtA5cNRfg69WcsZK2DqztY8M2q1kMe96MP1AyM+cKpNQ50jAKh77VdFv9rA==",
"dependencies": {
"crypto-js": "^4.1.1"
},
"bin": {
"joox-decrypt": "joox-decrypt"
}
},
"node_modules/@vue/babel-helper-vue-jsx-merge-props": { "node_modules/@vue/babel-helper-vue-jsx-merge-props": {
"version": "1.2.1", "version": "1.2.1",
"resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz", "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@ -23622,6 +23634,14 @@
"integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==", "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
"dev": true "dev": true
}, },
"@unlock-music-gh/joox-crypto": {
"version": "0.0.1-R3",
"resolved": "https://registry.npmjs.org/@unlock-music-gh/joox-crypto/-/joox-crypto-0.0.1-R3.tgz",
"integrity": "sha512-zZRiDXKI5SxuBIcW/rsGL8jNvyWxtA5cNRfg69WcsZK2DqztY8M2q1kMe96MP1AyM+cKpNQ50jAKh77VdFv9rA==",
"requires": {
"crypto-js": "^4.1.1"
}
},
"@vue/babel-helper-vue-jsx-merge-props": { "@vue/babel-helper-vue-jsx-merge-props": {
"version": "1.2.1", "version": "1.2.1",
"resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz", "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",

View File

@ -22,6 +22,7 @@
"dependencies": { "dependencies": {
"@babel/preset-typescript": "^7.16.5", "@babel/preset-typescript": "^7.16.5",
"@jixun/qmc2-crypto": "^0.0.5-R4", "@jixun/qmc2-crypto": "^0.0.5-R4",
"@unlock-music-gh/joox-crypto": "^0.0.1-R2",
"base64-js": "^1.5.1", "base64-js": "^1.5.1",
"browser-id3-writer": "^4.4.0", "browser-id3-writer": "^4.4.0",
"core-js": "^3.16.0", "core-js": "^3.16.0",

View File

@ -0,0 +1,53 @@
<template>
<el-dialog fullscreen @close="cancel()" title="解密设定" :visible="show" width="30%" center>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="Joox UUID">
<el-input type="text" placeholder="UUID" v-model="form.jooxUUID" clearable maxlength="32" show-word-limit>
</el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" :loading="saving" @click="emitConfirm()"> </el-button>
</span>
</el-dialog>
</template>
<script>
import storage from '../utils/storage';
export default {
components: {},
props: {
show: { type: Boolean, required: true },
},
data() {
return {
saving: false,
form: {
jooxUUID: '',
},
centerDialogVisible: false,
};
},
async mounted() {
await this.resetForm();
},
methods: {
async resetForm() {
this.form.jooxUUID = await storage.loadJooxUUID();
},
async cancel() {
await this.resetForm();
this.$emit('done');
},
async emitConfirm() {
this.saving = true;
await storage.saveJooxUUID(this.form.jooxUUID);
this.saving = false;
this.$emit('done');
},
},
};
</script>

View File

@ -7,6 +7,7 @@ import { Decrypt as KgmDecrypt } from '@/decrypt/kgm';
import { Decrypt as KwmDecrypt } from '@/decrypt/kwm'; import { Decrypt as KwmDecrypt } from '@/decrypt/kwm';
import { Decrypt as RawDecrypt } from '@/decrypt/raw'; import { Decrypt as RawDecrypt } from '@/decrypt/raw';
import { Decrypt as TmDecrypt } from '@/decrypt/tm'; import { Decrypt as TmDecrypt } from '@/decrypt/tm';
import { Decrypt as JooxDecrypt } from '@/decrypt/joox';
import { DecryptResult, FileInfo } from '@/decrypt/entity'; import { DecryptResult, FileInfo } from '@/decrypt/entity';
import { SplitFilename } from '@/decrypt/utils'; import { SplitFilename } from '@/decrypt/utils';
@ -68,6 +69,9 @@ export async function CommonDecrypt(file: FileInfo): Promise<DecryptResult> {
case 'kgma': case 'kgma':
rt_data = await KgmDecrypt(file.raw, raw.name, raw.ext); rt_data = await KgmDecrypt(file.raw, raw.name, raw.ext);
break; break;
case 'ofl_en':
rt_data = await JooxDecrypt(file.raw, raw.name, raw.ext);
break;
default: default:
throw '不支持此文件格式'; throw '不支持此文件格式';
} }

34
src/decrypt/joox.ts Normal file
View File

@ -0,0 +1,34 @@
import { DecryptResult } from './entity';
import { AudioMimeType, GetArrayBuffer, SniffAudioExt } from './utils';
import jooxFactory from '@unlock-music-gh/joox-crypto';
import storage from '@/utils/storage';
import { MergeUint8Array } from '@/utils/MergeUint8Array';
export async function Decrypt(file: Blob, raw_filename: string, raw_ext: string): Promise<DecryptResult> {
const uuid = await storage.loadJooxUUID('');
if (!uuid || uuid.length !== 32) {
throw new Error('请在“解密设定”填写应用 Joox 应用的 UUID。');
}
const fileBuffer = new Uint8Array(await GetArrayBuffer(file));
const decryptor = jooxFactory(fileBuffer, uuid);
if (!decryptor) {
throw new Error('不支持的 joox 加密格式');
}
const musicDecoded = MergeUint8Array(decryptor.decryptFile(fileBuffer));
const ext = SniffAudioExt(musicDecoded);
const mime = AudioMimeType[ext];
const musicBlob = new Blob([musicDecoded], { type: mime });
return {
title: raw_filename.replace(/\.[^\.]+$/, ''),
artist: '未知',
album: '未知',
file: URL.createObjectURL(musicBlob),
blob: musicBlob,
mime: mime,
ext: ext,
};
}

View File

@ -1,4 +1,5 @@
import QMCCryptoModule from '@jixun/qmc2-crypto/QMC2-wasm-bundle'; import QMCCryptoModule from '@jixun/qmc2-crypto/QMC2-wasm-bundle';
import { MergeUint8Array } from '@/utils/MergeUint8Array';
// 检测文件末端使用的缓冲区大小 // 检测文件末端使用的缓冲区大小
const DETECTION_SIZE = 40; const DETECTION_SIZE = 40;
@ -6,22 +7,6 @@ const DETECTION_SIZE = 40;
// 每次处理 2M 的数据 // 每次处理 2M 的数据
const DECRYPTION_BUF_SIZE = 2 * 1024 * 1024; const DECRYPTION_BUF_SIZE = 2 * 1024 * 1024;
function MergeUint8Array(array: Uint8Array[]): Uint8Array {
let length = 0;
array.forEach((item) => {
length += item.length;
});
let mergedArray = new Uint8Array(length);
let offset = 0;
array.forEach((item) => {
mergedArray.set(item, offset);
offset += item.length;
});
return mergedArray;
}
/** /**
* QMC2 * QMC2
* *

View File

@ -6,9 +6,13 @@ import {
Checkbox, Checkbox,
Col, Col,
Container, Container,
Dialog,
Form,
FormItem,
Footer, Footer,
Icon, Icon,
Image, Image,
Input,
Link, Link,
Main, Main,
Notification, Notification,
@ -26,6 +30,10 @@ import 'element-ui/lib/theme-chalk/base.css';
Vue.use(Link); Vue.use(Link);
Vue.use(Image); Vue.use(Image);
Vue.use(Button); Vue.use(Button);
Vue.use(Dialog);
Vue.use(Form);
Vue.use(FormItem);
Vue.use(Input);
Vue.use(Table); Vue.use(Table);
Vue.use(TableColumn); Vue.use(TableColumn);
Vue.use(Main); Vue.use(Main);

View File

@ -0,0 +1,15 @@
export function MergeUint8Array(array: Uint8Array[]): Uint8Array {
let length = 0;
array.forEach((item) => {
length += item.length;
});
let mergedArray = new Uint8Array(length);
let offset = 0;
array.forEach((item) => {
mergedArray.set(item, offset);
offset += item.length;
});
return mergedArray;
}

7
src/utils/storage.ts Normal file
View File

@ -0,0 +1,7 @@
import BaseStorage from './storage/BaseStorage';
import BrowserNativeStorage from './storage/BrowserNativeStorage';
import ChromeExtensionStorage from './storage/ChromeExtensionStorage';
const storage: BaseStorage = ChromeExtensionStorage.works ? new ChromeExtensionStorage() : new BrowserNativeStorage();
export default storage;

View File

@ -0,0 +1,14 @@
const KEY_JOOX_UUID = 'joox.uuid';
export default abstract class BaseStorage {
protected abstract save<T>(name: string, value: T): Promise<void>;
protected abstract load<T>(name: string, defaultValue: T): Promise<T>;
public saveJooxUUID(uuid: string): Promise<void> {
return this.save(KEY_JOOX_UUID, uuid);
}
public loadJooxUUID(defaultValue: string = ''): Promise<string> {
return this.load(KEY_JOOX_UUID, defaultValue);
}
}

View File

@ -0,0 +1,15 @@
import BaseStorage from './BaseStorage';
export default class BrowserNativeStorage extends BaseStorage {
protected async load<T>(name: string, defaultValue: T): Promise<T> {
const result = localStorage.getItem(name);
if (result === null) {
return defaultValue;
}
return JSON.parse(result);
}
protected async save<T>(name: string, value: T): Promise<void> {
localStorage.setItem(name, JSON.stringify(value));
}
}

View File

@ -0,0 +1,21 @@
import BaseStorage from './BaseStorage';
declare var chrome: any;
export default class ChromeExtensionStorage extends BaseStorage {
static get works(): boolean {
return Boolean(chrome?.storage?.local?.set);
}
protected async load<T>(name: string, defaultValue: T): Promise<T> {
const result = await chrome.storage.local.get({ [name]: defaultValue });
if (Object.prototype.hasOwnProperty.call(result, name)) {
return result[name];
}
return defaultValue;
}
protected async save<T>(name: string, value: T): Promise<void> {
return chrome.storage.local.set({ [name]: value });
}
}

View File

@ -10,6 +10,13 @@
</el-radio> </el-radio>
</el-row> </el-row>
<el-row> <el-row>
<config-dialog :show="showConfigDialog" @done="showConfigDialog = false"></config-dialog>
<el-tooltip class="item" effect="dark" placement="top">
<div slot="content">
<span> 部分解密方案需要设定解密参数 </span>
</div>
<el-button icon="el-icon-s-tools" plain @click="showConfigDialog = true">解密设定</el-button>
</el-tooltip>
<el-button icon="el-icon-download" plain @click="handleDownloadAll">下载全部</el-button> <el-button icon="el-icon-download" plain @click="handleDownloadAll">下载全部</el-button>
<el-button icon="el-icon-delete" plain type="danger" @click="handleDeleteAll">清除全部</el-button> <el-button icon="el-icon-delete" plain type="danger" @click="handleDeleteAll">清除全部</el-button>
@ -35,6 +42,8 @@
<script> <script>
import FileSelector from '@/component/FileSelector'; import FileSelector from '@/component/FileSelector';
import PreviewTable from '@/component/PreviewTable'; import PreviewTable from '@/component/PreviewTable';
import ConfigDialog from '@/component/ConfigDialog';
import { DownloadBlobMusic, FilenamePolicy, FilenamePolicies, RemoveBlobMusic, DirectlyWriteFile } from '@/utils/utils'; import { DownloadBlobMusic, FilenamePolicy, FilenamePolicies, RemoveBlobMusic, DirectlyWriteFile } from '@/utils/utils';
export default { export default {
@ -42,9 +51,11 @@ export default {
components: { components: {
FileSelector, FileSelector,
PreviewTable, PreviewTable,
ConfigDialog,
}, },
data() { data() {
return { return {
showConfigDialog: false,
tableData: [], tableData: [],
playing_url: '', playing_url: '',
playing_auto: false, playing_auto: false,
@ -103,6 +114,9 @@ export default {
}); });
this.tableData = []; this.tableData = [];
}, },
handleDecryptionConfig() {
this.showConfigDialog = true;
},
handleDownloadAll() { handleDownloadAll() {
let index = 0; let index = 0;
let c = setInterval(() => { let c = setInterval(() => {