xhacker-zzz
2 years ago
24 changed files with 697 additions and 118 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -0,0 +1,178 @@ |
|||
<style scoped> |
|||
label { |
|||
cursor: pointer; |
|||
line-height: 1.2; |
|||
display: block; |
|||
} |
|||
.item-desc { |
|||
color: #aaa; |
|||
font-size: small; |
|||
display: block; |
|||
line-height: 1.2; |
|||
margin-top: 0.2em; |
|||
} |
|||
.item-desc a { |
|||
color: #aaa; |
|||
} |
|||
|
|||
form >>> input { |
|||
font-family: 'Courier New', Courier, monospace; |
|||
} |
|||
|
|||
* >>> .um-edit-dialog { |
|||
max-width: 90%; |
|||
width: 30em; |
|||
} |
|||
</style> |
|||
|
|||
<template> |
|||
<el-dialog @close="cancel()" title="音乐标签编辑" :visible="show" custom-class="um-edit-dialog" center> |
|||
<el-form ref="form" status-icon :model="form" label-width="0"> |
|||
<section> |
|||
<el-image v-show="!editPicture" :src="imgFile.url || picture" style="width: 100px; height: 100px"> |
|||
<div slot="error" class="image-slot el-image__error">暂无封面</div> |
|||
</el-image> |
|||
<el-upload v-show="editPicture" :auto-upload="false" :on-change="addFile" :on-remove="rmvFile" :show-file-list="true" :limit="1" list-type="picture" action="" drag> |
|||
<i class="el-icon-upload" /> |
|||
<div class="el-upload__text">将新图片拖到此处，或<em>点击选择</em><br />以替换自动匹配的图片</div> |
|||
<div slot="tip" class="el-upload__tip"> |
|||
新拖到此处的图片将覆盖原始图片 |
|||
</div> |
|||
</el-upload> |
|||
<i |
|||
:class="{'el-icon-edit': !editPicture, 'el-icon-check': editPicture}" |
|||
@click="changeCover" |
|||
></i><br /> |
|||
标题: |
|||
<span v-show="!editTitle">{{title}}</span> |
|||
<el-input v-show="editTitle" v-model="title"></el-input> |
|||
<i |
|||
:class="{'el-icon-edit': !editTitle, 'el-icon-check': editTitle}" |
|||
@click="editTitle = !editTitle" |
|||
></i><br /> |
|||
艺术家: |
|||
<span v-show="!editArtist">{{artist}}</span> |
|||
<el-input v-show="editArtist" v-model="artist"></el-input> |
|||
<i |
|||
:class="{'el-icon-edit': !editArtist, 'el-icon-check': editArtist}" |
|||
@click="editArtist = !editArtist" |
|||
></i><br /> |
|||
专辑: |
|||
<span v-show="!editAlbum">{{album}}</span> |
|||
<el-input v-show="editAlbum" v-model="album"></el-input> |
|||
<i |
|||
:class="{'el-icon-edit': !editAlbum, 'el-icon-check': editAlbum}" |
|||
@click="editAlbum = !editAlbum" |
|||
></i><br /> |
|||
专辑艺术家: |
|||
<span v-show="!editAlbumartist">{{albumartist}}</span> |
|||
<el-input v-show="editAlbumartist" v-model="albumartist"></el-input> |
|||
<i |
|||
:class="{'el-icon-edit': !editAlbumartist, 'el-icon-check': editAlbumartist}" |
|||
@click="editAlbumartist = !editAlbumartist" |
|||
></i><br /> |
|||
风格: |
|||
<span v-show="!editGenre">{{genre}}</span> |
|||
<el-input v-show="editGenre" v-model="genre"></el-input> |
|||
<i |
|||
:class="{'el-icon-edit': !editGenre, 'el-icon-check': editGenre}" |
|||
@click="editGenre = !editGenre" |
|||
></i><br /> |
|||
|
|||
<p class="item-desc"> |
|||
为了节省您设备的资源，请在确定前充分检查，避免反复修改。<br /> |
|||
直接关闭此对话框不会保留所作的更改。 |
|||
</p> |
|||
</section> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="emitConfirm()">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import Ruby from './Ruby'; |
|||
|
|||
export default { |
|||
components: { |
|||
Ruby, |
|||
}, |
|||
props: { |
|||
show: { type: Boolean, required: true }, |
|||
picture: { type: String | undefined, required: true }, |
|||
title: { type: String | undefined, required: true }, |
|||
artist: { type: String | undefined, required: true }, |
|||
album: { type: String | undefined, required: true }, |
|||
albumartist: { type: String | undefined, required: true }, |
|||
genre: { type: String | undefined, required: true }, |
|||
}, |
|||
data() { |
|||
return { |
|||
form: { |
|||
}, |
|||
imgFile: { tmpblob: undefined, blob: undefined, url: undefined }, |
|||
editPicture: false, |
|||
editTitle: false, |
|||
editArtist: false, |
|||
editAlbum: false, |
|||
editAlbumartist: false, |
|||
editGenre: false, |
|||
}; |
|||
}, |
|||
async mounted() { |
|||
this.refreshForm(); |
|||
}, |
|||
methods: { |
|||
addFile(file) { |
|||
this.imgFile.tmpblob = file.raw; |
|||
}, |
|||
rmvFile() { |
|||
this.imgFile.tmpblob = undefined; |
|||
}, |
|||
changeCover() { |
|||
this.editPicture = !this.editPicture; |
|||
if (!this.editPicture && this.imgFile.tmpblob) { |
|||
this.imgFile.blob = this.imgFile.tmpblob; |
|||
if (this.imgFile.url) { |
|||
URL.revokeObjectURL(this.imgFile.url); |
|||
} |
|||
this.imgFile.url = URL.createObjectURL(this.imgFile.blob); |
|||
} |
|||
}, |
|||
|
|||
async refreshForm() { |
|||
if (this.imgFile.url) { |
|||
URL.revokeObjectURL(this.imgFile.url); |
|||
} |
|||
this.imgFile = { tmpblob: undefined, blob: undefined, url: undefined }; |
|||
this.editPicture = false; |
|||
this.editTitle = false; |
|||
this.editArtist = false; |
|||
this.editAlbum = false; |
|||
this.editAlbumartist = false; |
|||
this.editGenre = false; |
|||
}, |
|||
async cancel() { |
|||
this.refreshForm(); |
|||
this.$emit('cancel'); |
|||
}, |
|||
async emitConfirm() { |
|||
if (this.editPicture) { |
|||
this.changeCover(); |
|||
} |
|||
if (this.imgFile.url) { |
|||
URL.revokeObjectURL(this.imgFile.url); |
|||
} |
|||
this.$emit('ok', { |
|||
picture: this.imgFile.blob, |
|||
title: this.title, |
|||
artist: this.artist, |
|||
album: this.album, |
|||
albumartist: this.albumartist, |
|||
genre: this.genre, |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,67 @@ |
|||
import KgmCryptoModule from '@/KgmWasm/KgmWasmBundle'; |
|||
import { MergeUint8Array } from '@/utils/MergeUint8Array'; |
|||
|
|||
// 每次处理 2M 的数据
|
|||
const DECRYPTION_BUF_SIZE = 2 *1024 * 1024; |
|||
|
|||
export interface KGMDecryptionResult { |
|||
success: boolean; |
|||
data: Uint8Array; |
|||
error: string; |
|||
} |
|||
|
|||
/** |
|||
* 解密一个 KGM 加密的文件。 |
|||
* |
|||
* 如果检测并解密成功，返回解密后的 Uint8Array 数据。 |
|||
* @param {ArrayBuffer} kgmBlob 读入的文件 Blob |
|||
*/ |
|||
export async function DecryptKgmWasm(kgmBlob: ArrayBuffer, ext: string): Promise<KGMDecryptionResult> { |
|||
const result: KGMDecryptionResult = { success: false, data: new Uint8Array(), error: '' }; |
|||
|
|||
// 初始化模组
|
|||
let KgmCrypto: any; |
|||
|
|||
try { |
|||
KgmCrypto = await KgmCryptoModule(); |
|||
} catch (err: any) { |
|||
result.error = err?.message || 'wasm 加载失败'; |
|||
return result; |
|||
} |
|||
if (!KgmCrypto) { |
|||
result.error = 'wasm 加载失败'; |
|||
return result; |
|||
} |
|||
|
|||
// 申请内存块，并文件末端数据到 WASM 的内存堆
|
|||
let kgmBuf = new Uint8Array(kgmBlob); |
|||
const pQmcBuf = KgmCrypto._malloc(DECRYPTION_BUF_SIZE); |
|||
KgmCrypto.writeArrayToMemory(kgmBuf.slice(0, DECRYPTION_BUF_SIZE), pQmcBuf); |
|||
|
|||
// 进行解密初始化
|
|||
const headerSize = KgmCrypto.preDec(pQmcBuf, DECRYPTION_BUF_SIZE, ext); |
|||
console.log(headerSize); |
|||
kgmBuf = kgmBuf.slice(headerSize); |
|||
|
|||
const decryptedParts = []; |
|||
let offset = 0; |
|||
let bytesToDecrypt = kgmBuf.length; |
|||
while (bytesToDecrypt > 0) { |
|||
const blockSize = Math.min(bytesToDecrypt, DECRYPTION_BUF_SIZE); |
|||
|
|||
// 解密一些片段
|
|||
const blockData = new Uint8Array(kgmBuf.slice(offset, offset + blockSize)); |
|||
KgmCrypto.writeArrayToMemory(blockData, pQmcBuf); |
|||
KgmCrypto.decBlob(pQmcBuf, blockSize, offset); |
|||
decryptedParts.push(KgmCrypto.HEAPU8.slice(pQmcBuf, pQmcBuf + blockSize)); |
|||
|
|||
offset += blockSize; |
|||
bytesToDecrypt -= blockSize; |
|||
} |
|||
KgmCrypto._free(pQmcBuf); |
|||
|
|||
result.data = MergeUint8Array(decryptedParts); |
|||
result.success = true; |
|||
|
|||
return result; |
|||
} |
|||
Loading…
Reference in new issue