272 lines
6.7 KiB
JavaScript
272 lines
6.7 KiB
JavaScript
/**
|
|
* 本地音乐模块
|
|
* @author yutent<yutent@doui.cc>
|
|
* @date 2018/12/24 17:00:48
|
|
*/
|
|
|
|
'use strict'
|
|
|
|
import Api from '/js/api.js'
|
|
import { ID3 } from '/dist/audio/index.js'
|
|
|
|
const fs = require('iofs')
|
|
const path = require('path')
|
|
const crypto = require('crypto.js')
|
|
const { app, dialog } = require('electron').remote
|
|
|
|
const log = console.log
|
|
const HOME_PATH = app.getPath('appData')
|
|
const MUSIC_DB_PATH = path.join(HOME_PATH, 'music.db')
|
|
const LYRICS_PATH = path.join(HOME_PATH, 'lyrics')
|
|
|
|
let appInit = {}
|
|
let dbCache = fs.cat(MUSIC_DB_PATH)
|
|
dbCache = JSON.parse(dbCache)
|
|
|
|
export default Anot({
|
|
$id: 'local',
|
|
state: {
|
|
list: [],
|
|
curr: '',
|
|
editMode: false,
|
|
form: {
|
|
id: '',
|
|
title: '',
|
|
artist: '',
|
|
album: '',
|
|
path: ''
|
|
}
|
|
},
|
|
mounted() {
|
|
LS.insert(dbCache)
|
|
appInit = JSON.parse(Anot.ss('app-init'))
|
|
|
|
dbCache = null
|
|
this.__APP__ = Anot.vmodels.app
|
|
this.list = LS.getAll()
|
|
|
|
SONIST.clear()
|
|
SONIST.push(LS.getAll())
|
|
|
|
// this.__APP__.play()
|
|
},
|
|
watch: {
|
|
'props.curr'(v) {
|
|
this.curr = v
|
|
}
|
|
},
|
|
methods: {
|
|
__init__() {
|
|
appInit = JSON.parse(Anot.ss('app-init'))
|
|
},
|
|
|
|
play(song, idx) {
|
|
if (song.id === this.curr) {
|
|
return
|
|
}
|
|
SONIST.play(idx).then(it => {
|
|
this.__APP__.play(it)
|
|
this.curr = it.id
|
|
|
|
this.__updateSong__(it, idx)
|
|
})
|
|
},
|
|
|
|
__updateSong__(it, idx) {
|
|
if (!it.cover) {
|
|
if (idx === undefined) {
|
|
for (let i in this.list.$model) {
|
|
if (this.list[i].id === it.id) {
|
|
idx = i
|
|
break
|
|
}
|
|
}
|
|
}
|
|
let _P = Promise.resolve(true)
|
|
if (!it.kgHash) {
|
|
_P = Api.search(`${it.artist} ${it.title}`).then(list => {
|
|
if (list.length) {
|
|
let { AlbumID, FileHash } = list[0]
|
|
it.kgHash = FileHash
|
|
it.albumId = AlbumID
|
|
return true
|
|
}
|
|
return false
|
|
})
|
|
}
|
|
_P.then(next => {
|
|
if (next) {
|
|
Api.getSongInfoByHash(it.kgHash, it.albumId).then(json => {
|
|
delete it.time
|
|
it.album = json.album_name
|
|
it.albumId = json.album_id
|
|
it.kgHash = json.hash
|
|
it.cover = json.img
|
|
it.lyrics = path.join(LYRICS_PATH, `${it.id}.lrc`)
|
|
|
|
this.list.set(idx, it)
|
|
LS.insert(it)
|
|
|
|
SONIST.clear()
|
|
SONIST.push(LS.getAll())
|
|
|
|
this.__APP__.updateCurr(it)
|
|
this.__APP__.draw(true)
|
|
|
|
fs.echo(json.lyrics, it.lyrics)
|
|
fs.echo(JSON.stringify(LS.getAll(), '', 2), MUSIC_DB_PATH)
|
|
})
|
|
}
|
|
})
|
|
}
|
|
},
|
|
|
|
__checkSong__(el) {
|
|
let song = this.__LIST__.pop()
|
|
|
|
if (!song) {
|
|
el.textContent = '重新扫描'
|
|
el = null
|
|
if (this.__NEW_NUM__ > 0) {
|
|
LS.sort('artist', true)
|
|
dbCache = LS.getAll()
|
|
this.list.clear()
|
|
this.list.pushArray(dbCache)
|
|
|
|
SONIST.clear()
|
|
SONIST.push(dbCache)
|
|
|
|
fs.echo(JSON.stringify(dbCache, '', 2), MUSIC_DB_PATH)
|
|
dbCache = null
|
|
}
|
|
|
|
layer.close(this.__load__)
|
|
layer.toast(`刷新缓存完成,新增${this.__NEW_NUM__}首`)
|
|
delete this.__load__
|
|
return
|
|
}
|
|
|
|
Anot.nextTick(() => {
|
|
let name = path.basename(song)
|
|
if (name.startsWith('.')) {
|
|
return this.__checkSong__(el)
|
|
}
|
|
let hash = crypto.md5Sign(song)
|
|
if (LS.get(hash)) {
|
|
return this.__checkSong__(el)
|
|
}
|
|
this.__NEW_NUM__++
|
|
ID3(song).then(tag => {
|
|
LS.insert({
|
|
id: hash,
|
|
title: tag.title,
|
|
album: tag.album,
|
|
artist: tag.artist,
|
|
path: `file://${song}`,
|
|
duration: tag.duration
|
|
})
|
|
this.__checkSong__(el)
|
|
})
|
|
})
|
|
},
|
|
refresh(ev) {
|
|
if (this.__load__) {
|
|
return
|
|
}
|
|
if (appInit.musicPath) {
|
|
this.__load__ = layer.load(4)
|
|
this.__LIST__ = fs.ls(appInit.musicPath)
|
|
this.__NEW_NUM__ = 0
|
|
ev.target.textContent = '正在扫描, 请稍候...'
|
|
this.__checkSong__(ev.target)
|
|
} else {
|
|
layer.toast('请先设置音乐目录', 'error')
|
|
}
|
|
},
|
|
closeEdit() {
|
|
this.editMode = false
|
|
let song = this.list[this.__idx__].$model
|
|
|
|
Object.assign(song, {
|
|
title: this.form.title,
|
|
artist: this.form.artist,
|
|
album: this.form.album,
|
|
cover: '',
|
|
kgHash: ''
|
|
})
|
|
|
|
this.list.set(this.__idx__, song)
|
|
delete this.__idx__
|
|
|
|
let col = new Intl.Collator('zh')
|
|
// this.list.sort((a, b) => {
|
|
// return col.compare(a.artist, b.artist)
|
|
// })
|
|
|
|
LS.update(song.id, song)
|
|
// LS.sort('artist', true)
|
|
|
|
SONIST.clear()
|
|
SONIST.push(LS.getAll())
|
|
|
|
fs.echo(JSON.stringify(LS.getAll(), '', 2), MUSIC_DB_PATH)
|
|
},
|
|
handleMenu(it, idx, ev) {
|
|
let that = this
|
|
|
|
layer.open({
|
|
type: 7,
|
|
menubar: false,
|
|
maskClose: true,
|
|
fixed: true,
|
|
extraClass: 'do-mod-contextmenu__fixed',
|
|
offset: [ev.pageY, 'auto', 'auto', ev.pageX],
|
|
shift: {
|
|
top: ev.pageY,
|
|
left: ev.pageX
|
|
},
|
|
content: `<ul class="do-mod-contextmenu" :click="onClick">
|
|
<li data-key="del"><i class="do-icon-trash"></i>删除歌曲</li>
|
|
<li data-key="edit"><i class="do-icon-edit"></i>编辑信息</li>
|
|
</ul>`,
|
|
onClick(ev) {
|
|
if (ev.currentTarget === ev.target) {
|
|
return
|
|
}
|
|
let target = ev.target
|
|
let act = null
|
|
if (target.nodeName === 'I') {
|
|
target = target.parentNode
|
|
}
|
|
act = target.dataset.key
|
|
this.close()
|
|
if (act === 'del') {
|
|
layer.confirm(
|
|
'此操作只会将当前选中的歌曲从列表中移出<br>并不会将其从硬盘中删除!',
|
|
`是否删除 (${it.title}) ?`,
|
|
function() {
|
|
this.close()
|
|
that.list.splice(idx, 1)
|
|
LS.remove(it.id)
|
|
|
|
SONIST.clear()
|
|
SONIST.push(LS.getAll())
|
|
|
|
fs.echo(JSON.stringify(LS.getAll(), '', 2), MUSIC_DB_PATH)
|
|
}
|
|
)
|
|
} else {
|
|
that.__idx__ = idx
|
|
that.editMode = true
|
|
that.form.id = it.id
|
|
that.form.path = it.path.slice(7)
|
|
that.form.title = it.title
|
|
that.form.artist = it.artist
|
|
that.form.album = it.album
|
|
}
|
|
}
|
|
})
|
|
}
|
|
}
|
|
})
|
JavaScript
60.1%
SCSS
19.2%
HTML
16.9%
CSS
3.8%