升级到 vue3
This commit is contained in:
lyswhut
@@ -0,0 +1,26 @@
|
||||
import { reactive, ref, markRaw } from '@renderer/utils/vueTools'
|
||||
|
||||
export const isInitedList = ref(false)
|
||||
|
||||
export const setInited = () => {
|
||||
isInitedList.value = true
|
||||
}
|
||||
|
||||
export const downloadList = reactive([])
|
||||
export const downloadListMap = new Map()
|
||||
|
||||
export const initDownloadList = list => {
|
||||
downloadList.splice(0, downloadList.length, ...list)
|
||||
downloadListMap.clear()
|
||||
for (const task of list) {
|
||||
downloadListMap.set(task.key, task)
|
||||
}
|
||||
}
|
||||
|
||||
export const downloadStatus = markRaw({
|
||||
RUN: 'run',
|
||||
WAITING: 'waiting',
|
||||
PAUSE: 'pause',
|
||||
ERROR: 'error',
|
||||
COMPLETED: 'completed',
|
||||
})
|
||||
@@ -0,0 +1,46 @@
|
||||
import { ref, reactive, shallowRef, markRaw } from '@renderer/utils/vueTools'
|
||||
import { windowSizeList as configWindowSizeList, themes as configThemes } from '@common/config'
|
||||
import { version } from '../../../../package.json'
|
||||
process.versions.app = version
|
||||
|
||||
export const apiSource = ref(null)
|
||||
export const isShowPact = window.isShowPact = ref(false)
|
||||
export const proxy = reactive({})
|
||||
export const versionInfo = window.versionInfo = reactive({
|
||||
version,
|
||||
newVersion: null,
|
||||
showModal: false,
|
||||
isError: false,
|
||||
isTimeOut: false,
|
||||
isUnknow: false,
|
||||
isDownloaded: false,
|
||||
isDownloading: false,
|
||||
isLatestVer: false,
|
||||
downloadProgress: null,
|
||||
})
|
||||
export const userApi = reactive({
|
||||
list: [],
|
||||
status: false,
|
||||
message: 'initing',
|
||||
apis: {},
|
||||
})
|
||||
export const sync = window.sync = reactive({
|
||||
enable: false,
|
||||
isShowSyncMode: false,
|
||||
deviceName: '',
|
||||
status: {
|
||||
status: false,
|
||||
message: '',
|
||||
address: [],
|
||||
code: '',
|
||||
devices: [],
|
||||
},
|
||||
})
|
||||
|
||||
export const windowSizeList = markRaw(configWindowSizeList)
|
||||
export const themes = markRaw(configThemes)
|
||||
|
||||
export const qualityList = shallowRef({})
|
||||
export const setQualityList = _qualityList => {
|
||||
qualityList.value = _qualityList
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
import { reactive, ref, markRaw } from '@renderer/utils/vueTools'
|
||||
|
||||
// const TEMP_LIST = 'TEMP_LIST'
|
||||
|
||||
export const isInitedList = ref(false)
|
||||
|
||||
export const setInited = () => {
|
||||
isInitedList.value = true
|
||||
}
|
||||
|
||||
export const allList = markRaw({})
|
||||
|
||||
export const allListInit = (defaultList, loveList, tempList, userList) => {
|
||||
for (const id of Object.keys(allList)) {
|
||||
delete allList[id]
|
||||
}
|
||||
allList[defaultList.id] = reactive(defaultList.list)
|
||||
allList[loveList.id] = reactive(loveList.list)
|
||||
allList[tempList.id] = reactive(tempList.list)
|
||||
userLists.splice(0, userLists.length)
|
||||
for (const { list, ...listInfo } of userList) {
|
||||
allList[listInfo.id] = reactive(list)
|
||||
userLists.push(listInfo)
|
||||
}
|
||||
}
|
||||
export const allListUpdate = (id, list) => {
|
||||
if (allList[id]) {
|
||||
allList[id].splice(0, allList[id].length, ...list)
|
||||
} else {
|
||||
allList[id] = list
|
||||
}
|
||||
}
|
||||
export const allListRemove = id => {
|
||||
delete allList[id]
|
||||
}
|
||||
|
||||
export const defaultList = reactive({
|
||||
id: 'default',
|
||||
name: '试听列表',
|
||||
})
|
||||
|
||||
export const loveList = reactive({
|
||||
id: 'love',
|
||||
name: '我的收藏',
|
||||
})
|
||||
|
||||
export const tempList = reactive({
|
||||
id: 'temp',
|
||||
name: '临时列表',
|
||||
})
|
||||
|
||||
export const userLists = reactive([])
|
||||
|
||||
export const addUserList = ({
|
||||
name,
|
||||
id,
|
||||
list,
|
||||
source,
|
||||
sourceListId,
|
||||
position,
|
||||
}) => {
|
||||
if (position == null) {
|
||||
userLists.push({
|
||||
name,
|
||||
id,
|
||||
source,
|
||||
sourceListId,
|
||||
})
|
||||
} else {
|
||||
userLists.splice(position + 1, 0, {
|
||||
name,
|
||||
id,
|
||||
source,
|
||||
sourceListId,
|
||||
})
|
||||
}
|
||||
allListUpdate(id, list)
|
||||
}
|
||||
|
||||
export const updateList = ({
|
||||
name,
|
||||
id,
|
||||
list,
|
||||
source,
|
||||
sourceListId,
|
||||
}) => {
|
||||
let targetList
|
||||
switch (id) {
|
||||
case defaultList.id:
|
||||
case loveList.id:
|
||||
case tempList.id:
|
||||
break
|
||||
default:
|
||||
targetList = userLists.find(l => l.id == id)
|
||||
targetList.name = name
|
||||
targetList.source = source
|
||||
targetList.sourceListId = sourceListId
|
||||
break
|
||||
}
|
||||
allListUpdate(id, list)
|
||||
}
|
||||
|
||||
export const removeUserList = id => {
|
||||
const index = userLists.findIndex(l => l.id == id)
|
||||
if (index < 0) return
|
||||
userLists.splice(index, 1)
|
||||
allListRemove(id)
|
||||
}
|
||||
|
||||
export const getList = id => {
|
||||
return allList[id] ?? []
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
import { reactive } from '@renderer/utils/vueTools'
|
||||
|
||||
export const lyric = reactive({
|
||||
lines: [],
|
||||
text: '',
|
||||
line: 0,
|
||||
})
|
||||
|
||||
export const setLines = lines => {
|
||||
lyric.lines = lines
|
||||
}
|
||||
export const setText = (text, line) => {
|
||||
lyric.text = text
|
||||
lyric.line = line
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
import { reactive } from '@renderer/utils/vueTools'
|
||||
import { formatPlayTime2 } from '@renderer/utils'
|
||||
|
||||
export const playProgress = reactive({
|
||||
nowPlayTime: 0,
|
||||
maxPlayTime: 0,
|
||||
progress: 0,
|
||||
nowPlayTimeStr: '00:00',
|
||||
maxPlayTimeStr: '00:00',
|
||||
})
|
||||
|
||||
export const setNowPlayTime = time => {
|
||||
playProgress.nowPlayTime = time
|
||||
playProgress.nowPlayTimeStr = formatPlayTime2(time)
|
||||
playProgress.progress = playProgress.maxPlayTime ? time / playProgress.maxPlayTime : 0
|
||||
}
|
||||
|
||||
export const setMaxplayTime = time => {
|
||||
playProgress.maxPlayTime = time
|
||||
playProgress.maxPlayTimeStr = formatPlayTime2(time)
|
||||
playProgress.progress = time ? playProgress.nowPlayTime / time : 0
|
||||
}
|
||||
@@ -0,0 +1,175 @@
|
||||
import { reactive, ref, shallowRef } from '@renderer/utils/vueTools'
|
||||
import { getList } from '@renderer/core/share/utils'
|
||||
|
||||
export const musicInfo = window.musicInfo = reactive({
|
||||
songmid: null,
|
||||
img: null,
|
||||
lrc: null,
|
||||
tlrc: null,
|
||||
lxlrc: null,
|
||||
url: null,
|
||||
name: '',
|
||||
singer: '',
|
||||
album: '',
|
||||
})
|
||||
const musicInfoKeys = Object.keys(musicInfo)
|
||||
export const setMusicInfo = _musicInfo => {
|
||||
for (const key of musicInfoKeys) {
|
||||
if (_musicInfo[key] !== undefined) {
|
||||
musicInfo[key] = _musicInfo[key]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export const musicInfoItem = shallowRef({})
|
||||
export const setMusicInfoItem = musicInfo => {
|
||||
musicInfoItem.value = musicInfo.key ? musicInfo.metadata.musicInfo : musicInfo
|
||||
}
|
||||
|
||||
|
||||
export const isPlay = ref(false)
|
||||
export const setPlay = val => {
|
||||
isPlay.value = val
|
||||
}
|
||||
|
||||
export const status = ref('')
|
||||
export const setStatus = val => {
|
||||
status.value = val
|
||||
}
|
||||
|
||||
|
||||
export const statusText = ref('')
|
||||
export const setStatusText = val => {
|
||||
statusText.value = val
|
||||
}
|
||||
|
||||
export const setAllStatus = val => {
|
||||
status.value = val
|
||||
statusText.value = val
|
||||
}
|
||||
|
||||
|
||||
export const isShowPlayerDetail = ref(false)
|
||||
export const setShowPlayerDetail = val => {
|
||||
isShowPlayerDetail.value = val
|
||||
}
|
||||
|
||||
export const isShowPlayComment = ref(false)
|
||||
export const setShowPlayComment = val => {
|
||||
isShowPlayComment.value = val
|
||||
}
|
||||
|
||||
export const isShowLrcSelectContent = ref(false)
|
||||
export const setShowPlayLrcSelectContentLrc = val => {
|
||||
isShowLrcSelectContent.value = val
|
||||
}
|
||||
|
||||
|
||||
export const playMusicInfo = reactive({
|
||||
listId: null, // 当前播放歌曲的列表 id
|
||||
musicInfo: null, // 当前播放歌曲的歌曲信息
|
||||
isTempPlay: false, // 是否属于 “稍后播放”
|
||||
})
|
||||
export const playInfo = reactive({
|
||||
playIndex: -1, // 当前正在播放歌曲 index
|
||||
playListId: null, // 播放器的播放列表 id
|
||||
listPlayIndex: -1, // 播放器播放歌曲 index
|
||||
})
|
||||
|
||||
// 设置播放器的播放列表
|
||||
export const setPlayList = listId => {
|
||||
playInfo.playListId = listId
|
||||
}
|
||||
|
||||
// 更新播放位置
|
||||
export const updatePlayIndex = () => {
|
||||
const indexInfo = getPlayIndex(playMusicInfo.listId, playMusicInfo.musicInfo, playMusicInfo.isTempPlay)
|
||||
// console.log(indexInfo)
|
||||
playInfo.playIndex = indexInfo.playIndex
|
||||
playInfo.listPlayIndex = indexInfo.listPlayIndex
|
||||
|
||||
return indexInfo
|
||||
}
|
||||
|
||||
export const getPlayIndex = (listId, musicInfo, isTempPlay) => {
|
||||
const playerList = getList(playInfo.playListId)
|
||||
|
||||
// if (listIndex < 0) throw new Error('music info not found')
|
||||
// playInfo.playIndex = listIndex
|
||||
|
||||
let playIndex = -1
|
||||
let listPlayIndex = -1
|
||||
if (playerList?.length) {
|
||||
listPlayIndex = Math.min(playInfo.listPlayIndex, playerList.length - 1)
|
||||
}
|
||||
|
||||
const list = getList(listId)
|
||||
if (list?.length) {
|
||||
if (musicInfo.key) { // 已下载的歌曲
|
||||
const currentKey = musicInfo.key
|
||||
playIndex = list.findIndex(m => m.key == currentKey)
|
||||
} else {
|
||||
const currentSongmid = musicInfo.songmid
|
||||
playIndex = list.findIndex(m => m.songmid == currentSongmid)
|
||||
}
|
||||
if (!isTempPlay) {
|
||||
if (playIndex < 0) {
|
||||
listPlayIndex = listPlayIndex < 1 ? (list.length - 1) : (listPlayIndex - 1)
|
||||
} else {
|
||||
listPlayIndex = playIndex
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
playIndex,
|
||||
listPlayIndex,
|
||||
}
|
||||
}
|
||||
|
||||
// 设置当前播放歌曲的信息
|
||||
export const setPlayMusicInfo = (listId, musicInfo, isTempPlay = false) => {
|
||||
playMusicInfo.listId = listId
|
||||
playMusicInfo.musicInfo = musicInfo
|
||||
playMusicInfo.isTempPlay = isTempPlay
|
||||
if (musicInfo == null) {
|
||||
playInfo.playIndex = -1
|
||||
playInfo.playListId = null
|
||||
playInfo.listPlayIndex = -1
|
||||
return
|
||||
}
|
||||
|
||||
const { playIndex, listPlayIndex } = getPlayIndex(listId, musicInfo, isTempPlay)
|
||||
|
||||
playInfo.playIndex = playIndex
|
||||
playInfo.listPlayIndex = listPlayIndex
|
||||
|
||||
setMusicInfoItem(musicInfo)
|
||||
// console.log(playInfo)
|
||||
}
|
||||
|
||||
export const playedList = window.playedList = reactive([])
|
||||
export const addPlayedList = (item) => {
|
||||
if (playedList.some(m => m.musicInfo === item.musicInfo)) return
|
||||
playedList.push(item)
|
||||
}
|
||||
export const removePlayedList = (index) => {
|
||||
playedList.splice(index, 1)
|
||||
}
|
||||
export const clearPlayedList = () => {
|
||||
playedList.splice(0, playedList.length)
|
||||
}
|
||||
|
||||
export const tempPlayList = reactive([])
|
||||
export const addTempPlayList = (list) => {
|
||||
tempPlayList.push(...list.map(({ musicInfo, listId }) => ({ musicInfo, listId, isTempPlay: true })))
|
||||
}
|
||||
export const removeTempPlayList = (index) => {
|
||||
tempPlayList.splice(index, 1)
|
||||
}
|
||||
export const clearTempPlayeList = () => {
|
||||
tempPlayList.splice(0, tempPlayList.length)
|
||||
}
|
||||
|
||||
window.playInfo = playInfo
|
||||
window.playMusicInfo = playMusicInfo
|
||||
@@ -0,0 +1,7 @@
|
||||
import { getList as getMyList } from './list'
|
||||
import { downloadList } from './download'
|
||||
|
||||
|
||||
export const getList = listId => {
|
||||
return listId == 'download' ? downloadList : getMyList(listId)
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
import { ref } from '@renderer/utils/vueTools'
|
||||
|
||||
|
||||
export const volume = ref(0)
|
||||
export const isMute = ref(false)
|
||||
|
||||
export const setVolume = num => {
|
||||
volume.value = num
|
||||
}
|
||||
|
||||
export const setMute = flag => {
|
||||
isMute.value = flag
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
import { isLinux } from '@common/utils'
|
||||
import { getEnvParams, setIgnoreMouseEvents } from '@renderer/utils/tools'
|
||||
|
||||
import { useRefGetter } from '@renderer/utils/vueTools'
|
||||
import { sync, apiSource, proxy } from '@renderer/core/share'
|
||||
|
||||
import useSync from './useSync'
|
||||
import useUpdate from './useUpdate'
|
||||
import useDataInit from './useDataInit'
|
||||
import useHandleEnvParams from './useHandleEnvParams'
|
||||
import useEventListener from './useEventListener'
|
||||
import usePlayer from './usePlayer'
|
||||
|
||||
|
||||
export default () => {
|
||||
const isProd = process.env.NODE_ENV === 'production'
|
||||
|
||||
const setting = useRefGetter('setting')
|
||||
|
||||
sync.enable = setting.value.sync.enable
|
||||
apiSource.value = setting.value.apiSource
|
||||
proxy.value = Object.assign({}, setting.value.network.proxy)
|
||||
|
||||
const dieableIgnoreMouseEvents = () => {
|
||||
if (window.dt) return
|
||||
setIgnoreMouseEvents(false)
|
||||
}
|
||||
const enableIgnoreMouseEvents = () => {
|
||||
if (window.dt) return
|
||||
setIgnoreMouseEvents(true)
|
||||
}
|
||||
|
||||
useUpdate(setting)
|
||||
useSync()
|
||||
useEventListener({
|
||||
dieableIgnoreMouseEvents,
|
||||
enableIgnoreMouseEvents,
|
||||
setting,
|
||||
isProd,
|
||||
isLinux,
|
||||
})
|
||||
usePlayer({ setting })
|
||||
const handleEnvParams = useHandleEnvParams()
|
||||
const initData = useDataInit({
|
||||
setting,
|
||||
})
|
||||
|
||||
|
||||
getEnvParams().then(envParams => {
|
||||
// 初始化我的列表、下载列表等数据
|
||||
initData().then(() => {
|
||||
handleEnvParams(envParams) // 处理传入的启动参数
|
||||
})
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,175 @@
|
||||
import { useCommit, useRefGetter } from '@renderer/utils/vueTools'
|
||||
import { getPlayList } from '@renderer/utils'
|
||||
import { getPlayInfo, getSearchHistoryList } from '@renderer/utils/tools'
|
||||
import { initListPosition, initListPrevSelectId } from '@renderer/utils/data'
|
||||
import music from '@renderer/utils/music'
|
||||
import { log } from '@common/utils'
|
||||
import {
|
||||
defaultList as stateDefaultList,
|
||||
loveList as stateloveList,
|
||||
userLists as stateUserLists,
|
||||
tempList as stateTempList,
|
||||
} from '@renderer/core/share/list'
|
||||
import { getList } from '@renderer/core/share/utils'
|
||||
import { downloadStatus, downloadList } from '@renderer/core/share/download'
|
||||
|
||||
|
||||
import useSaveData from './useSaveData'
|
||||
import useInitUserApi from './useInitUserApi'
|
||||
|
||||
const useListInit = ({
|
||||
saveMyListThrottle,
|
||||
}) => {
|
||||
const initList = useCommit('list', 'initList')
|
||||
const updateDownloadList = useCommit('download', 'initDownloadList')
|
||||
|
||||
const initMyList = ({ defaultList, loveList, userList, tempList }) => {
|
||||
if (!defaultList) defaultList = { ...stateDefaultList }
|
||||
if (!loveList) loveList = { ...stateloveList }
|
||||
if (!tempList) tempList = { ...stateTempList }
|
||||
if (userList) {
|
||||
let needSave = false
|
||||
const getListId = id => id.includes('.') ? getListId(id.substring(0, id.lastIndexOf('_'))) : id
|
||||
userList.forEach(l => {
|
||||
if (!l.id.includes('__') || l.source) return
|
||||
let [source, id] = l.id.split('__')
|
||||
id = getListId(id)
|
||||
l.source = source
|
||||
l.sourceListId = id
|
||||
if (!needSave) needSave = true
|
||||
})
|
||||
if (needSave) saveMyListThrottle({ userList })
|
||||
} else {
|
||||
userList = [...stateUserLists]
|
||||
}
|
||||
|
||||
if (!defaultList.list) defaultList.list = []
|
||||
if (!loveList.list) loveList.list = []
|
||||
if (!tempList.list) tempList.list = []
|
||||
initList({ defaultList, loveList, userList, tempList })
|
||||
}
|
||||
|
||||
const initDownloadList = list => {
|
||||
if (list) {
|
||||
list = list.filter(item => item?.key)
|
||||
for (const item of list) {
|
||||
if (item.status == downloadStatus.RUN || item.status == downloadStatus.WAITING) {
|
||||
item.status = downloadStatus.PAUSE
|
||||
item.statusText = '暂停下载'
|
||||
}
|
||||
|
||||
if (!item.metadata) { // 转换v1.15.3及以前的任务信息
|
||||
if (item.name == null) {
|
||||
item.name = `${item.musicInfo.name} - ${item.musicInfo.singer}`
|
||||
item.songmid = item.musicInfo.songmid
|
||||
}
|
||||
item.metadata = {
|
||||
musicInfo: item.musicInfo,
|
||||
url: item.url,
|
||||
type: item.type,
|
||||
ext: item.ext,
|
||||
fileName: item.fileName,
|
||||
filePath: item.filePath,
|
||||
}
|
||||
delete item.musicInfo
|
||||
delete item.url
|
||||
delete item.type
|
||||
delete item.ext
|
||||
delete item.fileName
|
||||
delete item.filePath
|
||||
}
|
||||
}
|
||||
updateDownloadList(list)
|
||||
}
|
||||
}
|
||||
|
||||
return () => {
|
||||
return getPlayList().then(({ defaultList, loveList, userList, tempList, downloadList }) => {
|
||||
initMyList({ defaultList, loveList, userList, tempList })
|
||||
initDownloadList(downloadList) // 初始化下载列表
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const usePlayInfoInit = () => {
|
||||
const setPlayList = useCommit('player', 'setList')
|
||||
|
||||
return downloadList => {
|
||||
return getPlayInfo().then(info => {
|
||||
window.restorePlayInfo = null
|
||||
if (!info) return
|
||||
if (info.index < 0) return
|
||||
if (info.listId) {
|
||||
if (info.listId == 'download') {
|
||||
const list = downloadList
|
||||
// console.log(list)
|
||||
if (!list || !list[info.index]) return
|
||||
info.list = list
|
||||
} else {
|
||||
const list = getList(info.listId)
|
||||
// console.log(list)
|
||||
if (!list[info.index]) return
|
||||
info.list = list
|
||||
}
|
||||
}
|
||||
if (!info.list || !info.list[info.index]) return
|
||||
window.restorePlayInfo = info
|
||||
setPlayList({
|
||||
listId: info.listId,
|
||||
index: info.index,
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const useSearchHistoryInit = () => {
|
||||
const setSearchHistoryList = useCommit('search', 'setHistory')
|
||||
return saveSearchHistoryListThrottle => {
|
||||
return getSearchHistoryList().then(historyList => {
|
||||
if (historyList == null) {
|
||||
historyList = []
|
||||
saveSearchHistoryListThrottle(historyList)
|
||||
} else {
|
||||
setSearchHistoryList(historyList)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export default ({
|
||||
setting,
|
||||
}) => {
|
||||
const searchHistoryList = useRefGetter('search', 'historyList')
|
||||
|
||||
// 数据保存初始化
|
||||
const { saveMyListThrottle, saveSearchHistoryListThrottle } = useSaveData({
|
||||
setting,
|
||||
searchHistoryList,
|
||||
})
|
||||
|
||||
const initUserApi = useInitUserApi({ setting })
|
||||
|
||||
// 列表初始化
|
||||
const initList = useListInit({
|
||||
saveMyListThrottle,
|
||||
})
|
||||
|
||||
|
||||
// 播放信息初始化
|
||||
const initPlayInfo = usePlayInfoInit()
|
||||
|
||||
// 搜索历史初始化
|
||||
const initSearchHistory = useSearchHistoryInit()
|
||||
|
||||
return async() => {
|
||||
await Promise.all([
|
||||
initListPosition(), // 列表位置记录
|
||||
initListPrevSelectId(), // 上次选中的列表记录
|
||||
initUserApi(), // 自定义API
|
||||
music.init(), // 初始化音乐sdk
|
||||
]).catch(err => log.error(err))
|
||||
await initList().catch(err => log.error(err)) // 初始化列表
|
||||
await initPlayInfo(downloadList.value).catch(err => log.error(err)) // 初始化上次的歌曲播放信息
|
||||
await initSearchHistory(saveSearchHistoryListThrottle).catch(err => log.error(err)) // 初始化搜索历史记录
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
import { openUrl } from '@renderer/utils'
|
||||
import { base as eventBaseName } from '@renderer/event/names'
|
||||
import { onSetConfig } from '@renderer/utils/tools'
|
||||
|
||||
import {
|
||||
toRaw,
|
||||
useCommit,
|
||||
onBeforeUnmount,
|
||||
watchEffect,
|
||||
useRefGetter,
|
||||
} from '@renderer/utils/vueTools'
|
||||
|
||||
const handle_key_esc_down = ({ event }) => {
|
||||
if (event.repeat) return
|
||||
if (event.target.tagName != 'INPUT' || event.target.classList.contains('ignore-esc')) return
|
||||
event.target.value = ''
|
||||
event.target.blur()
|
||||
}
|
||||
const handleBodyClick = event => {
|
||||
if (event.target.tagName != 'A') return
|
||||
if (event.target.host == window.location.host) return
|
||||
event.preventDefault()
|
||||
if (/^https?:\/\//.test(event.target.href)) openUrl(event.target.href)
|
||||
}
|
||||
|
||||
export default ({
|
||||
dieableIgnoreMouseEvents,
|
||||
enableIgnoreMouseEvents,
|
||||
setting,
|
||||
isProd,
|
||||
isLinux,
|
||||
}) => {
|
||||
const setSetting = useCommit('setSetting')
|
||||
const windowSizeActive = useRefGetter('windowSizeActive')
|
||||
|
||||
watchEffect(() => {
|
||||
document.documentElement.style.fontSize = windowSizeActive.value.fontSize
|
||||
})
|
||||
watchEffect(() => {
|
||||
if (setting.value.isShowAnimation) {
|
||||
if (document.body.classList.contains('disableAnimation')) {
|
||||
document.body.classList.remove('disableAnimation')
|
||||
}
|
||||
} else {
|
||||
if (!document.body.classList.contains('disableAnimation')) {
|
||||
document.body.classList.add('disableAnimation')
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
const rSetConfig = onSetConfig((event, config) => {
|
||||
setSetting(Object.assign({}, toRaw(setting.value), config))
|
||||
window.eventHub.emit(eventBaseName.set_config, config)
|
||||
})
|
||||
|
||||
window.eventHub.emit(eventBaseName.bindKey)
|
||||
window.eventHub.on('key_escape_down', handle_key_esc_down)
|
||||
document.body.addEventListener('click', handleBodyClick, true)
|
||||
|
||||
if (isProd && !window.dt && !isLinux) {
|
||||
document.body.addEventListener('mouseenter', enableIgnoreMouseEvents)
|
||||
document.body.addEventListener('mouseleave', dieableIgnoreMouseEvents)
|
||||
const dom_root = document.getElementById('root')
|
||||
dom_root.addEventListener('mouseenter', dieableIgnoreMouseEvents)
|
||||
dom_root.addEventListener('mouseleave', enableIgnoreMouseEvents)
|
||||
}
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.eventHub.off('key_escape_down', handle_key_esc_down)
|
||||
document.body.removeEventListener('click', handleBodyClick)
|
||||
window.eventHub.emit(eventBaseName.unbindKey)
|
||||
rSetConfig()
|
||||
|
||||
if (isProd && !window.dt && !isLinux) {
|
||||
document.body.removeEventListener('mouseenter', enableIgnoreMouseEvents)
|
||||
document.body.removeEventListener('mouseleave', dieableIgnoreMouseEvents)
|
||||
const dom_root = document.getElementById('root')
|
||||
dom_root.removeEventListener('mouseenter', dieableIgnoreMouseEvents)
|
||||
dom_root.removeEventListener('mouseleave', enableIgnoreMouseEvents)
|
||||
}
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
import { useAction, useCommit, useRouter } from '@renderer/utils/vueTools'
|
||||
import { parseUrlParams } from '@renderer/utils'
|
||||
import { defaultList, loveList, userLists } from '@renderer/core/share/list'
|
||||
import { getList } from '@renderer/core/share/utils'
|
||||
|
||||
const getListPlayIndex = (list, index) => {
|
||||
if (index == null) {
|
||||
index = 1
|
||||
} else {
|
||||
index = parseInt(index)
|
||||
if (Number.isNaN(index)) {
|
||||
index = 1
|
||||
} else {
|
||||
if (index < 1) index = 1
|
||||
else if (index > list.length) index = list.length
|
||||
}
|
||||
}
|
||||
return index - 1
|
||||
}
|
||||
|
||||
const useInitEnvParamSearch = () => {
|
||||
const router = useRouter()
|
||||
|
||||
return search => {
|
||||
if (search == null) return
|
||||
router.push({
|
||||
path: 'search',
|
||||
query: {
|
||||
text: search,
|
||||
},
|
||||
})
|
||||
}
|
||||
}
|
||||
const useInitEnvParamPlay = () => {
|
||||
const getListDetailAll = useAction('songList', 'getListDetailAll')
|
||||
const setPlayList = useCommit('player', 'setList')
|
||||
const setTempList = useCommit('player', 'setTempList')
|
||||
|
||||
const playSongListDetail = async(source, link, playIndex) => {
|
||||
if (link == null) return
|
||||
let list
|
||||
try {
|
||||
list = await getListDetailAll({ source, id: decodeURIComponent(link) })
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
}
|
||||
setTempList({
|
||||
list,
|
||||
index: getListPlayIndex(list, playIndex),
|
||||
})
|
||||
}
|
||||
|
||||
return (playStr) => {
|
||||
if (playStr == null || typeof playStr != 'string') return
|
||||
// -play="source=kw&link=链接、ID"
|
||||
// -play="source=myList&name=名字"
|
||||
// -play="source=myList&name=名字&index=位置"
|
||||
const params = parseUrlParams(playStr)
|
||||
if (params.type != 'songList') return
|
||||
switch (params.source) {
|
||||
case 'myList':
|
||||
if (params.name != null) {
|
||||
let targetList
|
||||
const lists = [defaultList, loveList, ...userLists]
|
||||
for (const list of lists) {
|
||||
if (list.name === params.name) {
|
||||
targetList = list
|
||||
break
|
||||
}
|
||||
}
|
||||
if (!targetList) return
|
||||
|
||||
setPlayList({
|
||||
listId: targetList.id,
|
||||
index: getListPlayIndex(getList(targetList.id), params.index),
|
||||
})
|
||||
}
|
||||
break
|
||||
case 'kw':
|
||||
case 'kg':
|
||||
case 'tx':
|
||||
case 'mg':
|
||||
case 'wy':
|
||||
playSongListDetail(params.source, params.link, params.index)
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default () => {
|
||||
// 处理启动参数 search
|
||||
const initEnvParamSearch = useInitEnvParamSearch()
|
||||
|
||||
// 处理启动参数 play
|
||||
const initEnvParamPlay = useInitEnvParamPlay()
|
||||
|
||||
return envParams => {
|
||||
initEnvParamSearch(envParams.search)
|
||||
initEnvParamPlay(envParams.play)
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
import { onBeforeUnmount } from '@renderer/utils/vueTools'
|
||||
import { onUserApiStatus, setUserApi, getUserApiList, userApiRequest, userApiRequestCancel } from '@renderer/utils/tools'
|
||||
import apiSourceInfo from '@renderer/utils/music/api-source-info'
|
||||
import music from '@renderer/utils/music'
|
||||
import { apiSource, qualityList, userApi } from '@renderer/core/share'
|
||||
|
||||
|
||||
export default ({ setting }) => {
|
||||
if (/^user_api/.test(setting.value.apiSource)) {
|
||||
setUserApi(setting.value.apiSource)
|
||||
} else {
|
||||
qualityList.value = music.supportQuality[setting.value.apiSource]
|
||||
}
|
||||
|
||||
const rUserApiStatus = onUserApiStatus(({ status, message, apiInfo }) => {
|
||||
userApi.status = status
|
||||
userApi.message = message
|
||||
|
||||
if (status) {
|
||||
if (apiInfo.id === setting.value.apiSource) {
|
||||
let apis = {}
|
||||
let qualitys = {}
|
||||
for (const [source, { actions, type, qualitys: sourceQualitys }] of Object.entries(apiInfo.sources)) {
|
||||
if (type != 'music') continue
|
||||
apis[source] = {}
|
||||
for (const action of actions) {
|
||||
switch (action) {
|
||||
case 'musicUrl':
|
||||
apis[source].getMusicUrl = (songInfo, type) => {
|
||||
const requestKey = `request__${Math.random().toString().substring(2)}`
|
||||
return {
|
||||
canceleFn() {
|
||||
userApiRequestCancel(requestKey)
|
||||
},
|
||||
promise: userApiRequest({
|
||||
requestKey,
|
||||
data: {
|
||||
source: source,
|
||||
action: 'musicUrl',
|
||||
info: {
|
||||
type,
|
||||
musicInfo: songInfo,
|
||||
},
|
||||
},
|
||||
}).then(res => {
|
||||
// console.log(res)
|
||||
if (!/^https?:/.test(res.data.url)) return Promise.reject(new Error('Get url failed'))
|
||||
return { type, url: res.data.url }
|
||||
}).catch(err => {
|
||||
console.log(err.message)
|
||||
return Promise.reject(err)
|
||||
}),
|
||||
}
|
||||
}
|
||||
break
|
||||
|
||||
default:
|
||||
break
|
||||
}
|
||||
}
|
||||
qualitys[source] = sourceQualitys
|
||||
}
|
||||
qualityList.value = qualitys
|
||||
userApi.apis = apis
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
rUserApiStatus()
|
||||
})
|
||||
|
||||
return () => {
|
||||
return getUserApiList().then(list => {
|
||||
// console.log(list)
|
||||
if (![...apiSourceInfo.map(s => s.id), ...list.map(s => s.id)].includes(setting.value.apiSource)) {
|
||||
console.warn('reset api')
|
||||
let api = apiSourceInfo.find(api => !api.disabled)
|
||||
if (api) apiSource.value = api.id
|
||||
}
|
||||
userApi.list = list
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
import {
|
||||
createAudio,
|
||||
} from '@renderer/plugins/player'
|
||||
import useMediaDevice from './useMediaDevice'
|
||||
import usePlayerEvent from './usePlayerEvent'
|
||||
import usePlayer from './usePlayer'
|
||||
|
||||
export default ({ setting }) => {
|
||||
createAudio()
|
||||
|
||||
usePlayerEvent()
|
||||
useMediaDevice({ setting }) // 初始化音频驱动输出设置
|
||||
usePlayer({ setting })
|
||||
}
|
||||
|
||||
@@ -0,0 +1,125 @@
|
||||
import { onBeforeUnmount, watch, markRawList } from '@renderer/utils/vueTools'
|
||||
import Lyric from '@renderer/utils/lyric-font-player'
|
||||
import { getCurrentTime } from '@renderer/plugins/player'
|
||||
import { setDesktopLyricInfo, onGetDesktopLyricInfo } from '@renderer/utils/tools'
|
||||
import { player } from '@renderer/event/names'
|
||||
import { lyric, setText, setLines } from '@renderer/core/share/lyric'
|
||||
import { musicInfo, setStatusText, isPlay, playMusicInfo } from '@renderer/core/share/player'
|
||||
|
||||
export default ({ setting }) => {
|
||||
const lrc = window.lrc = new Lyric({
|
||||
lineClassName: 'lrc-content',
|
||||
fontClassName: 'font',
|
||||
shadowContent: false,
|
||||
activeLineClassName: 'active',
|
||||
onPlay: (line, text) => {
|
||||
setText(text, line)
|
||||
setStatusText(text)
|
||||
// console.log(line, text)
|
||||
},
|
||||
onSetLyric: lines => { // listening lyrics seting event
|
||||
// console.log(lines) // lines is array of all lyric text
|
||||
setLines(markRawList([...lines]))
|
||||
setText(lines[0] ?? '', 0)
|
||||
},
|
||||
// offset: 80,
|
||||
})
|
||||
|
||||
|
||||
const setPlayInfo = musicInfo => {
|
||||
setDesktopLyricInfo('music_info', {
|
||||
songmid: musicInfo.songmid,
|
||||
singer: musicInfo.singer,
|
||||
name: musicInfo.name,
|
||||
album: musicInfo.album,
|
||||
})
|
||||
}
|
||||
|
||||
const setLyric = () => {
|
||||
if (!musicInfo.songmid) return
|
||||
lrc.setLyric(
|
||||
setting.value.player.isPlayLxlrc && musicInfo.lxlrc ? musicInfo.lxlrc : musicInfo.lrc,
|
||||
setting.value.player.isShowLyricTranslation && musicInfo.tlrc ? musicInfo.tlrc : '',
|
||||
)
|
||||
setDesktopLyricInfo('lyric', { lrc: musicInfo.lrc, tlrc: musicInfo.tlrc, lxlrc: musicInfo.lxlrc })
|
||||
|
||||
if (isPlay.value && (musicInfo.url || playMusicInfo.listId == 'download')) {
|
||||
const time = getCurrentTime() * 1000
|
||||
setDesktopLyricInfo('play', time)
|
||||
lrc.play(time)
|
||||
}
|
||||
}
|
||||
|
||||
const handleSetPlayInfo = ({ musicInfo }) => {
|
||||
setPlayInfo(musicInfo)
|
||||
}
|
||||
|
||||
const handlePlay = () => {
|
||||
if (!musicInfo.lrc) return
|
||||
const currentTime = getCurrentTime() * 1000
|
||||
lrc.play(currentTime)
|
||||
setDesktopLyricInfo('play', currentTime)
|
||||
}
|
||||
const handlePause = () => {
|
||||
lrc.pause()
|
||||
setDesktopLyricInfo('pause')
|
||||
}
|
||||
const handleStop = () => {
|
||||
lrc.pause()
|
||||
setDesktopLyricInfo('stop')
|
||||
setLines([])
|
||||
setText('', 0)
|
||||
}
|
||||
|
||||
watch(() => setting.value.player.isShowLyricTranslation, setLyric)
|
||||
watch(() => setting.value.player.isPlayLxlrc, setLyric)
|
||||
|
||||
const rGetDesktopLyricInfo = onGetDesktopLyricInfo((event, info) => {
|
||||
switch (info.action) {
|
||||
case 'info':
|
||||
setDesktopLyricInfo('info', {
|
||||
songmid: musicInfo.songmid,
|
||||
singer: musicInfo.singer,
|
||||
name: musicInfo.name,
|
||||
album: musicInfo.album,
|
||||
lrc: musicInfo.lrc,
|
||||
tlrc: musicInfo.tlrc,
|
||||
lxlrc: musicInfo.lxlrc,
|
||||
isPlay: isPlay.value,
|
||||
line: lyric.line,
|
||||
played_time: getCurrentTime() * 1000,
|
||||
}, info)
|
||||
break
|
||||
case 'status':
|
||||
setDesktopLyricInfo('status', {
|
||||
isPlay: isPlay.value,
|
||||
line: lyric.line,
|
||||
played_time: getCurrentTime() * 1000,
|
||||
}, info)
|
||||
break
|
||||
|
||||
default:
|
||||
break
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
window.eventHub.on(player.setPlay, setPlayInfo)
|
||||
window.eventHub.on(player.play, handlePlay)
|
||||
window.eventHub.on(player.pause, handlePause)
|
||||
window.eventHub.on(player.stop, handleStop)
|
||||
window.eventHub.on(player.error, handlePause)
|
||||
window.eventHub.on(player.setPlayInfo, handleSetPlayInfo)
|
||||
window.eventHub.on(player.updateLyric, setLyric)
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
rGetDesktopLyricInfo()
|
||||
window.eventHub.off(player.setPlay, setPlayInfo)
|
||||
window.eventHub.off(player.play, handlePlay)
|
||||
window.eventHub.off(player.pause, handlePause)
|
||||
window.eventHub.off(player.stop, handleStop)
|
||||
window.eventHub.off(player.error, handlePause)
|
||||
window.eventHub.off(player.setPlayInfo, handleSetPlayInfo)
|
||||
window.eventHub.off(player.updateLyric, setLyric)
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
import {
|
||||
onBeforeUnmount,
|
||||
watch,
|
||||
useCommit,
|
||||
} from '@renderer/utils/vueTools'
|
||||
import { setMediaDeviceId } from '@renderer/plugins/player'
|
||||
import { isPlay } from '@renderer/core/share/player'
|
||||
import { player as eventPlayerNames } from '@renderer/event/names'
|
||||
|
||||
|
||||
export default ({ setting }) => {
|
||||
let prevDeviceLabel = null
|
||||
|
||||
const saveMediaDeviceId = useCommit('setMediaDeviceId')
|
||||
|
||||
const setMediaDevice = async(mediaDeviceId) => {
|
||||
let label = prevDeviceLabel
|
||||
const devices = await navigator.mediaDevices.enumerateDevices()
|
||||
let device = devices.find(device => device.deviceId === mediaDeviceId)
|
||||
if (device) {
|
||||
mediaDeviceId = device.deviceId
|
||||
label = device.label
|
||||
} else {
|
||||
mediaDeviceId = 'default'
|
||||
device = devices.find(device => device.deviceId === mediaDeviceId)
|
||||
if (device) label = device.label
|
||||
}
|
||||
|
||||
prevDeviceLabel = label
|
||||
// console.log(device)
|
||||
setMediaDeviceId(mediaDeviceId).catch(err => {
|
||||
console.log(err)
|
||||
saveMediaDeviceId('default')
|
||||
})
|
||||
}
|
||||
|
||||
const handleDeviceChangeStopPlay = (device, mediaDeviceId) => {
|
||||
// console.log(device)
|
||||
// console.log(this.setting.player.isMediaDeviceRemovedStopPlay, this.isPlay, device.label, this.prevDeviceLabel)
|
||||
if (
|
||||
setting.value.player.isMediaDeviceRemovedStopPlay &&
|
||||
isPlay.value &&
|
||||
device.label != prevDeviceLabel
|
||||
) window.eventHub.emit(eventPlayerNames.setTogglePlay)
|
||||
}
|
||||
|
||||
const handleMediaListChange = async() => {
|
||||
let mediaDeviceId = setting.value.player.mediaDeviceId
|
||||
const devices = await navigator.mediaDevices.enumerateDevices()
|
||||
let device = devices.find(device => device.deviceId === mediaDeviceId)
|
||||
if (!device) device = devices.find(device => device.deviceId === 'default')
|
||||
if (!device) device = { label: null, deviceId: null }
|
||||
|
||||
handleDeviceChangeStopPlay(device, mediaDeviceId)
|
||||
|
||||
setMediaDeviceId(device.deviceId).catch(err => {
|
||||
console.log(err)
|
||||
saveMediaDeviceId('default')
|
||||
})
|
||||
}
|
||||
|
||||
watch(() => setting.value.player.mediaDeviceId, setMediaDevice)
|
||||
|
||||
|
||||
setMediaDevice(setting.value.player.mediaDeviceId)
|
||||
|
||||
navigator.mediaDevices.addEventListener('devicechange', handleMediaListChange)
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
navigator.mediaDevices.removeEventListener('devicechange', handleMediaListChange)
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,110 @@
|
||||
import { onBeforeUnmount } from '@renderer/utils/vueTools'
|
||||
import { getDuration, getPlaybackRate, getCurrentTime } from '@renderer/plugins/player'
|
||||
import { player } from '@renderer/event/names'
|
||||
|
||||
export default ({ playPrev, playNext }) => {
|
||||
const updateMediaSessionInfo = ({ name, singer, albumName, img }) => {
|
||||
const mediaMetadata = {
|
||||
title: name,
|
||||
artist: singer,
|
||||
album: albumName,
|
||||
}
|
||||
if (img) mediaMetadata.artwork = [{ src: img }]
|
||||
navigator.mediaSession.metadata = new window.MediaMetadata(mediaMetadata)
|
||||
}
|
||||
|
||||
const updatePositionState = (state = {}) => {
|
||||
navigator.mediaSession.setPositionState({
|
||||
duration: state.duration ?? getDuration(),
|
||||
playbackRate: state.playbackRate ?? getPlaybackRate(),
|
||||
position: state.position ?? getCurrentTime(),
|
||||
})
|
||||
}
|
||||
|
||||
const setProgress = time => {
|
||||
window.eventHub.emit(player.setProgress, time)
|
||||
}
|
||||
|
||||
const setStop = () => {
|
||||
window.eventHub.emit(player.setStop)
|
||||
}
|
||||
const handlePlay = () => {
|
||||
navigator.mediaSession.playbackState = 'playing'
|
||||
}
|
||||
const handlePause = () => {
|
||||
navigator.mediaSession.playbackState = 'paused'
|
||||
}
|
||||
const handleStop = () => {
|
||||
navigator.mediaSession.playbackState = 'none'
|
||||
}
|
||||
const handleSetPlayInfo = ({ musicInfo, progress }) => {
|
||||
updateMediaSessionInfo(musicInfo)
|
||||
updatePositionState({
|
||||
position: progress.time,
|
||||
duration: progress.maxTime,
|
||||
})
|
||||
handlePause()
|
||||
}
|
||||
|
||||
// const registerMediaSessionHandler = () => {
|
||||
// navigator.mediaSession.setActionHandler('play', () => {
|
||||
// if (this.isPlay || !this.playMusicInfo) return
|
||||
// console.log('play')
|
||||
// this.startPlay()
|
||||
// })
|
||||
// navigator.mediaSession.setActionHandler('pause', () => {
|
||||
// if (!this.isPlay || !this.playMusicInfo) return
|
||||
// console.log('pause')
|
||||
// this.stopPlay()
|
||||
// })
|
||||
navigator.mediaSession.setActionHandler('stop', () => {
|
||||
console.log('stop')
|
||||
setStop()
|
||||
})
|
||||
navigator.mediaSession.setActionHandler('seekbackward', details => {
|
||||
console.log('seekbackward')
|
||||
setProgress(Math.max(getCurrentTime() - details.seekOffset, 0))
|
||||
})
|
||||
navigator.mediaSession.setActionHandler('seekforward', details => {
|
||||
console.log('seekforward')
|
||||
setProgress(Math.min(getCurrentTime() + details.seekOffset, getDuration()))
|
||||
})
|
||||
navigator.mediaSession.setActionHandler('seekto', details => {
|
||||
console.log('seekto', details.seekTime)
|
||||
let time = Math.min(details.seekTime, getDuration())
|
||||
time = Math.max(time, 0)
|
||||
setProgress(time)
|
||||
})
|
||||
navigator.mediaSession.setActionHandler('previoustrack', () => {
|
||||
console.log('previoustrack')
|
||||
playPrev()
|
||||
})
|
||||
navigator.mediaSession.setActionHandler('nexttrack', () => {
|
||||
console.log('nexttrack')
|
||||
playNext()
|
||||
})
|
||||
// navigator.mediaSession.setActionHandler('skipad', () => {
|
||||
// console.log('')
|
||||
// })
|
||||
// }
|
||||
|
||||
window.eventHub.on(player.player_loadeddata, updatePositionState)
|
||||
window.eventHub.on(player.player_canplay, updatePositionState)
|
||||
window.eventHub.on(player.play, handlePlay)
|
||||
window.eventHub.on(player.pause, handlePause)
|
||||
window.eventHub.on(player.stop, handleStop)
|
||||
window.eventHub.on(player.error, handlePause)
|
||||
window.eventHub.on(player.setPlayInfo, handleSetPlayInfo)
|
||||
window.eventHub.on(player.updatePic, updateMediaSessionInfo)
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.eventHub.off(player.player_loadeddata, updatePositionState)
|
||||
window.eventHub.off(player.player_canplay, updatePositionState)
|
||||
window.eventHub.off(player.play, handlePlay)
|
||||
window.eventHub.off(player.pause, handlePause)
|
||||
window.eventHub.off(player.stop, handleStop)
|
||||
window.eventHub.off(player.error, handlePause)
|
||||
window.eventHub.off(player.setPlayInfo, handleSetPlayInfo)
|
||||
window.eventHub.off(player.updatePic, updateMediaSessionInfo)
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,114 @@
|
||||
import { onBeforeUnmount, useI18n } from '@renderer/utils/vueTools'
|
||||
import { player as eventPlayerNames } from '@renderer/event/names'
|
||||
import { wait, waitCancel } from '@renderer/utils/tools'
|
||||
import { musicInfo, musicInfoItem, playMusicInfo } from '@renderer/core/share/player'
|
||||
|
||||
export default ({
|
||||
playNext,
|
||||
setStatus,
|
||||
setUrl,
|
||||
}) => {
|
||||
const { t } = useI18n()
|
||||
let retryNum = 0
|
||||
|
||||
let loadingTimeout
|
||||
let delayNextTimeout
|
||||
const startLoadingTimeout = () => {
|
||||
// console.log('start load timeout')
|
||||
clearLoadingTimeout()
|
||||
loadingTimeout = Math.random()
|
||||
wait(30000, loadingTimeout).then(playNext).catch(_ => _)
|
||||
}
|
||||
const clearLoadingTimeout = () => {
|
||||
if (!loadingTimeout) return
|
||||
// console.log('clear load timeout')
|
||||
waitCancel(loadingTimeout)
|
||||
loadingTimeout = null
|
||||
}
|
||||
|
||||
const clearDelayNextTimeout = () => {
|
||||
// console.log(this.delayNextTimeout)
|
||||
if (!delayNextTimeout) return
|
||||
waitCancel(delayNextTimeout)
|
||||
delayNextTimeout = null
|
||||
}
|
||||
const addDelayNextTimeout = () => {
|
||||
clearDelayNextTimeout()
|
||||
delayNextTimeout = Math.random()
|
||||
wait(5000, delayNextTimeout).then(playNext).catch(_ => _)
|
||||
}
|
||||
|
||||
const handleLoadstart = () => {
|
||||
startLoadingTimeout()
|
||||
const status = t('player__loading')
|
||||
setStatus(status, status)
|
||||
}
|
||||
|
||||
const handleLoadeddata = () => {
|
||||
const status = t('player__loading')
|
||||
setStatus(status, status)
|
||||
}
|
||||
|
||||
const handleCanplay = () => {
|
||||
const status = ''
|
||||
setStatus(status, status)
|
||||
}
|
||||
|
||||
const handlePlaying = () => {
|
||||
clearLoadingTimeout()
|
||||
}
|
||||
|
||||
const handleEmpied = () => {
|
||||
clearDelayNextTimeout()
|
||||
clearLoadingTimeout()
|
||||
}
|
||||
|
||||
const handleWating = () => {
|
||||
const status = t('player__buffering')
|
||||
setStatus(status, status)
|
||||
}
|
||||
|
||||
const handleError = errCode => {
|
||||
if (!musicInfo.songmid) return
|
||||
clearLoadingTimeout()
|
||||
if (playMusicInfo.listId != 'download' && errCode !== 1 && retryNum < 2) { // 若音频URL无效则尝试刷新2次URL
|
||||
// console.log(this.retryNum)
|
||||
retryNum++
|
||||
setUrl(musicInfoItem.value, true)
|
||||
const status = t('player__refresh_url')
|
||||
setStatus(status, status)
|
||||
return
|
||||
}
|
||||
|
||||
const status = t('player__error')
|
||||
setStatus(status, status)
|
||||
addDelayNextTimeout()
|
||||
}
|
||||
|
||||
const handleSetPlayInfo = () => {
|
||||
retryNum = 0
|
||||
clearDelayNextTimeout()
|
||||
clearLoadingTimeout()
|
||||
}
|
||||
|
||||
|
||||
window.eventHub.on(eventPlayerNames.player_loadstart, handleLoadstart)
|
||||
window.eventHub.on(eventPlayerNames.player_loadeddata, handleLoadeddata)
|
||||
window.eventHub.on(eventPlayerNames.player_canplay, handleCanplay)
|
||||
window.eventHub.on(eventPlayerNames.player_playing, handlePlaying)
|
||||
window.eventHub.on(eventPlayerNames.player_waiting, handleWating)
|
||||
window.eventHub.on(eventPlayerNames.player_emptied, handleEmpied)
|
||||
window.eventHub.on(eventPlayerNames.error, handleError)
|
||||
window.eventHub.on(eventPlayerNames.setPlayInfo, handleSetPlayInfo)
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.eventHub.off(eventPlayerNames.player_loadstart, handleLoadstart)
|
||||
window.eventHub.off(eventPlayerNames.player_loadeddata, handleLoadeddata)
|
||||
window.eventHub.off(eventPlayerNames.player_canplay, handleCanplay)
|
||||
window.eventHub.off(eventPlayerNames.player_playing, handlePlaying)
|
||||
window.eventHub.off(eventPlayerNames.player_waiting, handleWating)
|
||||
window.eventHub.off(eventPlayerNames.player_emptied, handleEmpied)
|
||||
window.eventHub.off(eventPlayerNames.error, handleError)
|
||||
window.eventHub.off(eventPlayerNames.setPlayInfo, handleSetPlayInfo)
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,204 @@
|
||||
import { onBeforeUnmount, watch, useCommit } from '@renderer/utils/vueTools'
|
||||
import { formatPlayTime2, getRandom, throttle } from '@renderer/utils'
|
||||
import { setTaskBarProgress, wait, waitCancel, savePlayInfo } from '@renderer/utils/tools'
|
||||
import { player as eventPlayerNames } from '@renderer/event/names'
|
||||
import { onTimeupdate, getCurrentTime, getDuration, setCurrentTime, onVisibilityChange } from '@renderer/plugins/player'
|
||||
import { playProgress, setNowPlayTime, setMaxplayTime } from '@renderer/core/share/playProgress'
|
||||
import { musicInfo, musicInfoItem, playMusicInfo, playInfo } from '@renderer/core/share/player'
|
||||
// import { getList } from '@renderer/core/share/utils'
|
||||
|
||||
const delaySavePlayInfo = throttle(savePlayInfo, 2000)
|
||||
|
||||
export default ({ setting, playNext }) => {
|
||||
let restorePlayTime = 0
|
||||
let prevProgressStatus = 'none'
|
||||
const mediaBuffer = {
|
||||
timeout: null,
|
||||
playTime: 0,
|
||||
}
|
||||
|
||||
const updateMusicInfo = useCommit('list', 'updateMusicInfo')
|
||||
|
||||
const startBuffering = () => {
|
||||
console.log('start t')
|
||||
if (mediaBuffer.timeout) return
|
||||
mediaBuffer.timeout = Math.random()
|
||||
wait(3000, mediaBuffer.timeout).then(() => {
|
||||
mediaBuffer.timeout = null
|
||||
const currentTime = getCurrentTime()
|
||||
if (!mediaBuffer.playTime) mediaBuffer.playTime = currentTime
|
||||
let skipTime = currentTime + getRandom(3, 6)
|
||||
if (skipTime > playProgress.maxPlayTime) skipTime = (playProgress.maxPlayTime - currentTime) / 2
|
||||
if (skipTime - mediaBuffer.playTime < 1 || playProgress.maxPlayTime - skipTime < 1) {
|
||||
mediaBuffer.playTime = 0
|
||||
playNext()
|
||||
return
|
||||
}
|
||||
startBuffering()
|
||||
setCurrentTime(skipTime)
|
||||
console.log(mediaBuffer.playTime)
|
||||
console.log(currentTime)
|
||||
}).catch(_ => _)
|
||||
}
|
||||
const clearBufferTimeout = () => {
|
||||
console.log('clear t')
|
||||
if (!mediaBuffer.timeout) return
|
||||
waitCancel(mediaBuffer.timeout)
|
||||
mediaBuffer.timeout = null
|
||||
mediaBuffer.playTime = 0
|
||||
}
|
||||
|
||||
const setProgress = (time) => {
|
||||
if (!musicInfo.songmid) return
|
||||
restorePlayTime = time
|
||||
if (mediaBuffer.playTime) {
|
||||
clearBufferTimeout()
|
||||
mediaBuffer.playTime = time
|
||||
startBuffering()
|
||||
}
|
||||
setNowPlayTime(time)
|
||||
setCurrentTime(time)
|
||||
|
||||
// if (!isPlay) audio.play()
|
||||
}
|
||||
|
||||
const handlePlay = () => {
|
||||
prevProgressStatus = 'normal'
|
||||
setTaskBarProgress(playProgress.progress, prevProgressStatus)
|
||||
}
|
||||
const handlePause = () => {
|
||||
prevProgressStatus = 'paused'
|
||||
setTaskBarProgress(playProgress.progress, prevProgressStatus)
|
||||
clearBufferTimeout()
|
||||
}
|
||||
|
||||
const handleStop = () => {
|
||||
setNowPlayTime(0)
|
||||
setMaxplayTime(0)
|
||||
prevProgressStatus = 'none'
|
||||
setTaskBarProgress(playProgress.progress, prevProgressStatus)
|
||||
}
|
||||
|
||||
const handleError = () => {
|
||||
if (!restorePlayTime) restorePlayTime = getCurrentTime() // 记录出错的播放时间
|
||||
prevProgressStatus = 'error'
|
||||
setTaskBarProgress(playProgress.progress, prevProgressStatus)
|
||||
}
|
||||
|
||||
const handleLoadeddata = () => {
|
||||
setMaxplayTime(getDuration())
|
||||
|
||||
if (restorePlayTime) {
|
||||
setCurrentTime(restorePlayTime)
|
||||
restorePlayTime = 0
|
||||
}
|
||||
|
||||
if (!musicInfoItem.value.interval && playMusicInfo.listId != 'download') {
|
||||
updateMusicInfo({
|
||||
listId: playMusicInfo.listId,
|
||||
id: musicInfo.songmid,
|
||||
musicInfo: musicInfoItem.value,
|
||||
data: { interval: formatPlayTime2(playProgress.maxPlayTime) },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const handleCanplay = () => {
|
||||
if (mediaBuffer.playTime) {
|
||||
let playTime = mediaBuffer.playTime
|
||||
mediaBuffer.playTime = 0
|
||||
setCurrentTime(playTime)
|
||||
}
|
||||
}
|
||||
const handleWating = () => {
|
||||
startBuffering()
|
||||
}
|
||||
|
||||
const handleEmpied = () => {
|
||||
mediaBuffer.playTime = 0
|
||||
clearBufferTimeout()
|
||||
}
|
||||
|
||||
const handleSetPlayInfo = ({ musicInfo, progress }) => {
|
||||
setNowPlayTime(restorePlayTime = progress.time)
|
||||
setMaxplayTime(progress.maxTime)
|
||||
handlePause()
|
||||
if (!playMusicInfo.isTempPlay) {
|
||||
delaySavePlayInfo({
|
||||
time: playProgress.nowPlayTime,
|
||||
maxTime: playProgress.maxPlayTime,
|
||||
listId: playMusicInfo.listId,
|
||||
index: playInfo.playIndex,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
watch(() => playProgress.progress, (newValue, oldValue) => {
|
||||
if (newValue.toFixed(2) === oldValue.toFixed(2)) return
|
||||
setTaskBarProgress(newValue, prevProgressStatus)
|
||||
})
|
||||
watch(() => playProgress.nowPlayTime, (newValue, oldValue) => {
|
||||
if (Math.abs(newValue - oldValue) > 2) window.eventHub.emit(eventPlayerNames.activeTransition)
|
||||
if (setting.value.player.isSavePlayTime && !playMusicInfo.isTempPlay) {
|
||||
delaySavePlayInfo({
|
||||
time: newValue,
|
||||
maxTime: playProgress.maxPlayTime,
|
||||
listId: playMusicInfo.listId,
|
||||
index: playInfo.playIndex,
|
||||
})
|
||||
}
|
||||
})
|
||||
watch(() => playProgress.maxPlayTime, maxPlayTime => {
|
||||
if (!playMusicInfo.isTempPlay) {
|
||||
delaySavePlayInfo({
|
||||
time: playProgress.nowPlayTime,
|
||||
maxTime: maxPlayTime,
|
||||
listId: playMusicInfo.listId,
|
||||
index: playInfo.playIndex,
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
window.eventHub.on(eventPlayerNames.play, handlePlay)
|
||||
window.eventHub.on(eventPlayerNames.pause, handlePause)
|
||||
window.eventHub.on(eventPlayerNames.stop, handleStop)
|
||||
window.eventHub.on(eventPlayerNames.error, handleError)
|
||||
window.eventHub.on(eventPlayerNames.setProgress, setProgress)
|
||||
// window.eventHub.on(eventPlayerNames.restorePlay, handleRestorePlay)
|
||||
window.eventHub.on(eventPlayerNames.player_loadeddata, handleLoadeddata)
|
||||
window.eventHub.on(eventPlayerNames.player_canplay, handleCanplay)
|
||||
window.eventHub.on(eventPlayerNames.player_waiting, handleWating)
|
||||
window.eventHub.on(eventPlayerNames.player_emptied, handleEmpied)
|
||||
window.eventHub.on(eventPlayerNames.setPlayInfo, handleSetPlayInfo)
|
||||
|
||||
const rOnTimeupdate = onTimeupdate(() => {
|
||||
setNowPlayTime(getCurrentTime())
|
||||
})
|
||||
|
||||
let currentPlayTime = 0
|
||||
const rVisibilityChange = onVisibilityChange(() => {
|
||||
if (document.hidden) {
|
||||
currentPlayTime = playProgress.nowPlayTime
|
||||
} else {
|
||||
if (Math.abs(playProgress.nowPlayTime - currentPlayTime) > 2) {
|
||||
window.eventHub.emit(eventPlayerNames.activeTransition)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
rOnTimeupdate()
|
||||
rVisibilityChange()
|
||||
window.eventHub.off(eventPlayerNames.play, handlePlay)
|
||||
window.eventHub.off(eventPlayerNames.pause, handlePause)
|
||||
window.eventHub.off(eventPlayerNames.stop, handleStop)
|
||||
window.eventHub.off(eventPlayerNames.error, handleError)
|
||||
window.eventHub.off(eventPlayerNames.setProgress, setProgress)
|
||||
// window.eventHub.off(eventPlayerNames.restorePlay, handleRestorePlay)
|
||||
window.eventHub.off(eventPlayerNames.player_loadeddata, handleLoadeddata)
|
||||
window.eventHub.off(eventPlayerNames.player_canplay, handleCanplay)
|
||||
window.eventHub.off(eventPlayerNames.player_waiting, handleWating)
|
||||
window.eventHub.off(eventPlayerNames.player_emptied, handleEmpied)
|
||||
window.eventHub.off(eventPlayerNames.setPlayInfo, handleSetPlayInfo)
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,366 @@
|
||||
import { onBeforeUnmount, useI18n, watch, useCommit, useAction } from '@renderer/utils/vueTools'
|
||||
import { setTitle, checkPath } from '@renderer/utils'
|
||||
import { langS2T, wait, waitCancel } from '@renderer/utils/tools'
|
||||
|
||||
import {
|
||||
setStop as setPlayerStop,
|
||||
setPause as setPlayerPause,
|
||||
setPlay as setPlayerPlay,
|
||||
setResource,
|
||||
isEmpty as isPlayerEmpty,
|
||||
setLoopPlay,
|
||||
} from '@renderer/plugins/player'
|
||||
|
||||
import { player as eventKeyPlayerNames } from '@common/hotKey'
|
||||
import { player as eventPlayerNames } from '@renderer/event/names'
|
||||
|
||||
import useMediaSessionInfo from './useMediaSessionInfo'
|
||||
import usePlayProgress from './usePlayProgress'
|
||||
import usePlayEvent from './usePlayEvent'
|
||||
import { requestMsg } from '@renderer/utils/message'
|
||||
|
||||
import {
|
||||
isPlay,
|
||||
setPlay,
|
||||
setStatus,
|
||||
setStatusText,
|
||||
setAllStatus,
|
||||
musicInfo,
|
||||
setMusicInfo,
|
||||
musicInfoItem,
|
||||
playMusicInfo,
|
||||
playInfo,
|
||||
setPlayList,
|
||||
setPlayMusicInfo,
|
||||
playedList,
|
||||
} from '@renderer/core/share/player'
|
||||
import { downloadList } from '@renderer/core/share/download'
|
||||
import { qualityList } from '@renderer/core/share'
|
||||
import { getList } from '@renderer/core/share/utils'
|
||||
|
||||
import path from 'path'
|
||||
import useLyric from './useLyric'
|
||||
import useVolume from './useVolume'
|
||||
import useWatchList from './useWatchList'
|
||||
|
||||
|
||||
const getPlayType = (highQuality, songInfo) => {
|
||||
let type = '128k'
|
||||
let list = qualityList.value[songInfo.source]
|
||||
if (highQuality && songInfo._types['320k'] && list && list.includes('320k')) type = '320k'
|
||||
return type
|
||||
}
|
||||
|
||||
const useDelayNextTimeout = ({ playNext }) => {
|
||||
let delayNextTimeout
|
||||
const clearDelayNextTimeout = () => {
|
||||
// console.log(this.delayNextTimeout)
|
||||
if (delayNextTimeout) {
|
||||
waitCancel(delayNextTimeout)
|
||||
delayNextTimeout = null
|
||||
}
|
||||
}
|
||||
|
||||
const addDelayNextTimeout = () => {
|
||||
clearDelayNextTimeout()
|
||||
delayNextTimeout = Math.random()
|
||||
wait(5000, delayNextTimeout).then(() => {
|
||||
delayNextTimeout = null
|
||||
playNext()
|
||||
}).catch(_ => _)
|
||||
}
|
||||
|
||||
return {
|
||||
clearDelayNextTimeout,
|
||||
addDelayNextTimeout,
|
||||
}
|
||||
}
|
||||
|
||||
export default ({ setting }) => {
|
||||
const { t } = useI18n()
|
||||
|
||||
const playNext = useAction('player', 'playNext')
|
||||
const playPrev = useAction('player', 'playPrev')
|
||||
const getUrl = useAction('player', 'getUrl')
|
||||
const getPic = useAction('player', 'getPic')
|
||||
const getLrc = useAction('player', 'getLrc')
|
||||
|
||||
const clearPlayedList = useCommit('player', 'clearPlayedList')
|
||||
const setPlayedList = useCommit('player', 'setPlayedList')
|
||||
|
||||
const setUrl = (targetSong, isRefresh, isRetryed = false) => {
|
||||
let type = getPlayType(setting.value.player.highQuality, targetSong)
|
||||
// this.musicInfo.url = await getMusicUrl(targetSong, type)
|
||||
setAllStatus(t('player__geting_url'))
|
||||
|
||||
return getUrl({
|
||||
musicInfo: targetSong,
|
||||
type,
|
||||
isRefresh,
|
||||
onToggleSource() {
|
||||
setAllStatus('Try toggle source...')
|
||||
},
|
||||
}).then(url => {
|
||||
if (targetSong !== musicInfoItem.value || isPlay.value) return
|
||||
setMusicInfo({ url })
|
||||
setResource(url)
|
||||
}).catch(err => {
|
||||
// console.log('err', err.message)
|
||||
if (targetSong !== musicInfoItem.value || isPlay.value) return
|
||||
if (err.message == requestMsg.cancelRequest) return
|
||||
if (!isRetryed) return setUrl(targetSong, isRefresh, true)
|
||||
setAllStatus(err.message)
|
||||
addDelayNextTimeout()
|
||||
return Promise.reject(err)
|
||||
})
|
||||
}
|
||||
const setImg = ({ listId, musicInfo: targetSong }) => {
|
||||
if (targetSong.img) {
|
||||
setMusicInfo({ img: targetSong.img })
|
||||
} else {
|
||||
getPic({ musicInfo: targetSong, listId }).then(() => {
|
||||
if (targetSong.songmid !== musicInfo.songmid) return
|
||||
setMusicInfo({ img: targetSong.img })
|
||||
|
||||
window.eventHub.emit(eventPlayerNames.updatePic, musicInfo)
|
||||
})
|
||||
}
|
||||
}
|
||||
const setLrc = (targetSong) => {
|
||||
getLrc(targetSong).then(({ lyric, tlyric, lxlyric }) => {
|
||||
if (targetSong.songmid !== musicInfo.songmid) return
|
||||
return (
|
||||
global.i18n.locale == 'zh-tw'
|
||||
? Promise.all([
|
||||
lyric ? langS2T(lyric) : Promise.resolve(''),
|
||||
tlyric ? langS2T(tlyric) : Promise.resolve(''),
|
||||
lxlyric ? langS2T(lxlyric) : Promise.resolve(''),
|
||||
])
|
||||
: Promise.resolve([lyric, tlyric, lxlyric])
|
||||
).then(([lyric, tlyric, lxlyric]) => {
|
||||
setMusicInfo({
|
||||
lrc: lyric,
|
||||
tlrc: tlyric,
|
||||
lxlrc: lxlyric,
|
||||
})
|
||||
})
|
||||
}).catch((err) => {
|
||||
console.log(err)
|
||||
if (targetSong.songmid !== musicInfo.songmid) return
|
||||
setAllStatus(t('lyric__load_error'))
|
||||
}).finally(() => {
|
||||
if (targetSong.songmid !== musicInfo.songmid) return
|
||||
window.eventHub.emit(eventPlayerNames.updateLyric, musicInfo)
|
||||
})
|
||||
}
|
||||
const { addDelayNextTimeout, clearDelayNextTimeout } = useDelayNextTimeout({ playNext })
|
||||
usePlayProgress({ setting, playNext })
|
||||
useMediaSessionInfo({ playPrev, playNext })
|
||||
usePlayEvent({
|
||||
playNext,
|
||||
setStatus,
|
||||
setUrl,
|
||||
})
|
||||
useLyric({
|
||||
setting,
|
||||
})
|
||||
useVolume({ setting })
|
||||
useWatchList({ playNext })
|
||||
|
||||
// 恢复上次播放的状态
|
||||
const handleRestorePlay = async(restorePlayInfo) => {
|
||||
if (!restorePlayInfo.listId) return
|
||||
const list = getList(restorePlayInfo.listId)
|
||||
setPlayList(restorePlayInfo.listId)
|
||||
setPlayMusicInfo(restorePlayInfo.listId, list[restorePlayInfo.index])
|
||||
|
||||
window.eventHub.emit(eventPlayerNames.setPlayInfo, {
|
||||
musicInfo: musicInfoItem.value,
|
||||
progress: {
|
||||
time: restorePlayInfo.time || 0,
|
||||
maxTime: restorePlayInfo.maxTime || 0,
|
||||
},
|
||||
})
|
||||
|
||||
setImg(playMusicInfo)
|
||||
setLrc(musicInfoItem.value)
|
||||
if (setting.value.player.togglePlayMethod == 'random') setPlayedList({ ...playMusicInfo })
|
||||
}
|
||||
|
||||
const setPlayStatus = () => {
|
||||
setPlay(true)
|
||||
setTitle(`${musicInfo.name} - ${musicInfo.singer}`)
|
||||
}
|
||||
const setPauseStatus = () => {
|
||||
setPlay(false)
|
||||
setTitle()
|
||||
}
|
||||
const setStopStatus = () => {
|
||||
setPlay(false)
|
||||
setTitle()
|
||||
setStatus('^-^')
|
||||
setStatusText('')
|
||||
setMusicInfo({
|
||||
songmid: null,
|
||||
img: null,
|
||||
lrc: null,
|
||||
tlrc: null,
|
||||
lxlrc: null,
|
||||
url: null,
|
||||
name: '',
|
||||
singer: '',
|
||||
album: '',
|
||||
})
|
||||
}
|
||||
|
||||
// 播放音乐
|
||||
const playMusic = async() => {
|
||||
// console.log('playMusic')
|
||||
setStopStatus()
|
||||
if (window.restorePlayInfo) {
|
||||
handleRestorePlay(window.restorePlayInfo)
|
||||
window.restorePlayInfo = null
|
||||
return
|
||||
}
|
||||
|
||||
if (playInfo.musicInfo) {
|
||||
setPlayerStop()
|
||||
window.eventHub.emit(eventPlayerNames.pause)
|
||||
setStopStatus()
|
||||
} else {
|
||||
window.eventHub.emit(eventPlayerNames.setStop)
|
||||
}
|
||||
|
||||
clearDelayNextTimeout()
|
||||
|
||||
let targetSong = playMusicInfo.musicInfo
|
||||
|
||||
if (setting.value.player.togglePlayMethod == 'random' && !playMusicInfo.isTempPlay) setPlayedList({ ...playMusicInfo })
|
||||
|
||||
if (targetSong.key) { // 如果是已下载的歌曲
|
||||
const filePath = path.join(setting.value.download.savePath, targetSong.metadata.fileName)
|
||||
// console.log(filePath)
|
||||
|
||||
if (!await checkPath(filePath) || !targetSong.isComplate || /\.ape$/.test(filePath)) {
|
||||
return getList(playMusicInfo.listId).length == 1 ? null : playNext()
|
||||
}
|
||||
window.eventHub.emit(eventPlayerNames.setPlayInfo, {
|
||||
musicInfo: musicInfoItem.value,
|
||||
progress: {
|
||||
time: 0,
|
||||
maxTime: 0,
|
||||
},
|
||||
})
|
||||
setResource(filePath)
|
||||
// console.log(filePath)
|
||||
} else {
|
||||
// if (!this.assertApiSupport(targetSong.source)) return this.playNext()
|
||||
window.eventHub.emit(eventPlayerNames.setPlayInfo, {
|
||||
musicInfo: musicInfoItem.value,
|
||||
progress: {
|
||||
time: 0,
|
||||
maxTime: 0,
|
||||
},
|
||||
})
|
||||
setUrl(musicInfoItem.value)
|
||||
}
|
||||
|
||||
setImg({ musicInfo: musicInfoItem.value, listId: playMusicInfo.listId })
|
||||
setLrc(musicInfoItem.value)
|
||||
}
|
||||
|
||||
const handleSetPlayInfo = ({ musicInfo }) => {
|
||||
setMusicInfo({
|
||||
songmid: musicInfo.songmid,
|
||||
singer: musicInfo.singer,
|
||||
name: musicInfo.name,
|
||||
album: musicInfo.albumName,
|
||||
})
|
||||
}
|
||||
|
||||
const handelStop = () => {
|
||||
setPlayerStop()
|
||||
window.eventHub.emit(eventPlayerNames.stop)
|
||||
}
|
||||
|
||||
const handleEnded = () => {
|
||||
setAllStatus(t('player__end'))
|
||||
playNext()
|
||||
}
|
||||
|
||||
// 播放、暂停播放切换
|
||||
const handleTogglePlay = async() => {
|
||||
if (isPlayerEmpty()) {
|
||||
if (playMusicInfo.listId == 'download') {
|
||||
const musicInfo = playMusicInfo.musicInfo
|
||||
const filePath = path.join(setting.value.download.savePath, musicInfo.metadata.fileName)
|
||||
if (!await checkPath(filePath) || !musicInfo.isComplate || /\.ape$/.test(filePath)) {
|
||||
if (downloadList.length == 1) {
|
||||
window.eventHub.emit(eventPlayerNames.setStop)
|
||||
} else {
|
||||
playNext()
|
||||
}
|
||||
return
|
||||
}
|
||||
setResource(filePath)
|
||||
} else {
|
||||
// if (!this.assertApiSupport(this.targetSong.source)) return this.playNext()
|
||||
setUrl(musicInfoItem.value)
|
||||
}
|
||||
return
|
||||
}
|
||||
if (isPlay.value) {
|
||||
setPlayerPause()
|
||||
} else {
|
||||
setPlayerPlay()
|
||||
}
|
||||
}
|
||||
|
||||
watch(() => setting.value.player.togglePlayMethod, newValue => {
|
||||
setLoopPlay(newValue === 'singleLoop')
|
||||
if (playedList.length) clearPlayedList()
|
||||
if (newValue == 'random' && playMusicInfo.musicInfo && !playMusicInfo.isTempPlay) setPlayedList({ ...playMusicInfo })
|
||||
})
|
||||
|
||||
setLoopPlay(setting.value.player.togglePlayMethod === 'singleLoop')
|
||||
|
||||
|
||||
window.eventHub.on(eventKeyPlayerNames.next.action, playNext)
|
||||
window.eventHub.on(eventKeyPlayerNames.prev.action, playPrev)
|
||||
window.eventHub.on(eventKeyPlayerNames.toggle_play.action, handleTogglePlay)
|
||||
|
||||
window.eventHub.on(eventPlayerNames.play, setPlayStatus)
|
||||
window.eventHub.on(eventPlayerNames.pause, setPauseStatus)
|
||||
window.eventHub.on(eventPlayerNames.error, setPauseStatus)
|
||||
window.eventHub.on(eventPlayerNames.stop, setStopStatus)
|
||||
|
||||
window.eventHub.on(eventPlayerNames.playMusic, playMusic)
|
||||
window.eventHub.on(eventPlayerNames.setTogglePlay, handleTogglePlay)
|
||||
window.eventHub.on(eventPlayerNames.setPlayPrev, playPrev)
|
||||
window.eventHub.on(eventPlayerNames.setPlayNext, playNext)
|
||||
window.eventHub.on(eventPlayerNames.setPlayInfo, handleSetPlayInfo)
|
||||
window.eventHub.on(eventPlayerNames.setStop, handelStop)
|
||||
|
||||
window.eventHub.on(eventPlayerNames.player_ended, handleEnded)
|
||||
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.eventHub.off(eventKeyPlayerNames.next.action, playNext)
|
||||
window.eventHub.off(eventKeyPlayerNames.prev.action, playPrev)
|
||||
window.eventHub.off(eventKeyPlayerNames.toggle_play.action, handleTogglePlay)
|
||||
|
||||
window.eventHub.off(eventPlayerNames.play, setPlayStatus)
|
||||
window.eventHub.off(eventPlayerNames.pause, setPauseStatus)
|
||||
window.eventHub.off(eventPlayerNames.error, setPauseStatus)
|
||||
window.eventHub.off(eventPlayerNames.stop, setStopStatus)
|
||||
|
||||
window.eventHub.off(eventPlayerNames.playMusic, playMusic)
|
||||
window.eventHub.off(eventPlayerNames.setTogglePlay, handleTogglePlay)
|
||||
window.eventHub.off(eventPlayerNames.setPlayPrev, playPrev)
|
||||
window.eventHub.off(eventPlayerNames.setPlayNext, playNext)
|
||||
window.eventHub.off(eventPlayerNames.setPlayInfo, handleSetPlayInfo)
|
||||
window.eventHub.off(eventPlayerNames.setStop, handelStop)
|
||||
|
||||
window.eventHub.off(eventPlayerNames.player_ended, handleEnded)
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
import { onBeforeUnmount } from '@renderer/utils/vueTools'
|
||||
import {
|
||||
onPlaying,
|
||||
onPause,
|
||||
onEnded,
|
||||
onError,
|
||||
onLoadeddata,
|
||||
onLoadstart,
|
||||
onCanplay,
|
||||
onEmptied,
|
||||
onWaiting,
|
||||
getErrorCode,
|
||||
} from '@renderer/plugins/player'
|
||||
import { player } from '@renderer/event/names'
|
||||
|
||||
|
||||
export default () => {
|
||||
const rOnPlaying = onPlaying(() => {
|
||||
// console.log('onPlaying')
|
||||
window.eventHub.emit(player.player_playing)
|
||||
window.eventHub.emit(player.play)
|
||||
})
|
||||
const rOnPause = onPause(() => {
|
||||
// console.log('onPause')
|
||||
window.eventHub.emit(player.player_pause)
|
||||
window.eventHub.emit(player.pause)
|
||||
})
|
||||
const rOnEnded = onEnded(() => {
|
||||
// console.log('onEnded')
|
||||
window.eventHub.emit(player.player_ended)
|
||||
window.eventHub.emit(player.pause)
|
||||
})
|
||||
const rOnError = onError(() => {
|
||||
// console.log('onError')
|
||||
window.eventHub.emit(player.player_error, getErrorCode())
|
||||
window.eventHub.emit(player.error)
|
||||
})
|
||||
const rOnLoadeddata = onLoadeddata(() => {
|
||||
// console.log('onLoadeddata')
|
||||
window.eventHub.emit(player.player_loadeddata)
|
||||
})
|
||||
const rOnLoadstart = onLoadstart(() => {
|
||||
// console.log('onLoadstart')
|
||||
window.eventHub.emit(player.player_loadstart)
|
||||
})
|
||||
const rOnCanplay = onCanplay(() => {
|
||||
// console.log('onCanplay')
|
||||
window.eventHub.emit(player.player_canplay)
|
||||
})
|
||||
const rOnEmptied = onEmptied(() => {
|
||||
// console.log('onEmptied')
|
||||
window.eventHub.emit(player.player_emptied)
|
||||
// window.eventHub.emit(player.stop)
|
||||
})
|
||||
const rOnWaiting = onWaiting(() => {
|
||||
// console.log('onWaiting')
|
||||
window.eventHub.emit(player.player_waiting)
|
||||
window.eventHub.emit(player.pause)
|
||||
})
|
||||
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
rOnPlaying()
|
||||
rOnPause()
|
||||
rOnEnded()
|
||||
rOnError()
|
||||
rOnLoadeddata()
|
||||
rOnLoadstart()
|
||||
rOnCanplay()
|
||||
rOnEmptied()
|
||||
rOnWaiting()
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
import { onBeforeUnmount, watch, useCommit } from '@renderer/utils/vueTools'
|
||||
import { setVolume as setPlayerVolume, setMute as setPlayerMute } from '@renderer/plugins/player'
|
||||
|
||||
import { debounce } from '@renderer/utils'
|
||||
import { player as eventKeyPlayerNames } from '@common/hotKey'
|
||||
// import { player as eventPlayerNames } from '@renderer/event/names'
|
||||
import { volume, isMute, setMute, setVolume } from '@renderer/core/share/volume'
|
||||
|
||||
export default ({ setting }) => {
|
||||
const saveVolume = useCommit('setVolume')
|
||||
|
||||
const handleSaveVolume = debounce(saveVolume, 300)
|
||||
|
||||
const handleToggleVolumeMute = (_isMute) => {
|
||||
let muteStatus = _isMute ?? !isMute.value
|
||||
saveVolume(muteStatus)
|
||||
setMute(muteStatus)
|
||||
}
|
||||
|
||||
const handleSetVolume = num => {
|
||||
const _volume = num < 0 ? 0 : num > 1 ? 1 : num
|
||||
setVolume(_volume)
|
||||
}
|
||||
|
||||
const handleSetVolumeUp = (step = 0.02) => {
|
||||
handleSetVolume(volume.value + step)
|
||||
}
|
||||
const handleSetVolumeDown = (step = 0.02) => {
|
||||
handleSetVolume(volume.value - step)
|
||||
}
|
||||
|
||||
watch(volume, _volume => {
|
||||
handleSaveVolume(_volume)
|
||||
setPlayerVolume(_volume)
|
||||
})
|
||||
watch(isMute, mute => {
|
||||
handleSaveVolume(mute)
|
||||
setPlayerMute(mute)
|
||||
})
|
||||
watch(() => setting.value.player.volume, _volume => {
|
||||
setVolume(_volume)
|
||||
})
|
||||
watch(() => setting.value.player.isMute, muteStatus => {
|
||||
setMute(muteStatus)
|
||||
})
|
||||
|
||||
setVolume(setting.value.player.volume)
|
||||
setMute(setting.value.player.isMute)
|
||||
|
||||
window.eventHub.on(eventKeyPlayerNames.volume_up.action, handleSetVolumeUp)
|
||||
window.eventHub.on(eventKeyPlayerNames.volume_down.action, handleSetVolumeDown)
|
||||
window.eventHub.on(eventKeyPlayerNames.volume_mute.action, handleToggleVolumeMute)
|
||||
// window.eventHub.on(eventPlayerNames.setVolume, handleSetVolume)
|
||||
// window.eventHub.on(eventPlayerNames.toggleMute, handleToggleVolumeMute)
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.eventHub.off(eventKeyPlayerNames.volume_up.action, handleSetVolumeUp)
|
||||
window.eventHub.off(eventKeyPlayerNames.volume_down.action, handleSetVolumeDown)
|
||||
window.eventHub.off(eventKeyPlayerNames.volume_mute.action, handleToggleVolumeMute)
|
||||
// window.eventHub.off(eventPlayerNames.setVolume, handleSetVolume)
|
||||
// window.eventHub.off(eventPlayerNames.toggleMute, handleToggleVolumeMute)
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
import { onBeforeUnmount } from '@renderer/utils/vueTools'
|
||||
|
||||
import { player as eventPlayerNames, list as eventListNames } from '@renderer/event/names'
|
||||
import { playInfo, playMusicInfo, updatePlayIndex } from '@renderer/core/share/player'
|
||||
import { getList } from '@renderer/core/share/utils'
|
||||
|
||||
export default ({ playNext }) => {
|
||||
const handleListChange = listIds => {
|
||||
if (!listIds.includes(playInfo.playListId) && !listIds.includes(playMusicInfo.listId)) return
|
||||
const { playIndex } = updatePlayIndex()
|
||||
if (playIndex < 0 && !playMusicInfo.isTempPlay) { // 歌曲被移除
|
||||
if (getList(playMusicInfo.listId).length) {
|
||||
playNext()
|
||||
} else {
|
||||
window.eventHub.emit(eventPlayerNames.setStop)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.eventHub.on(eventListNames.listChange, handleListChange)
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.eventHub.off(eventListNames.listChange, handleListChange)
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,127 @@
|
||||
import { throttle, saveSetting } from '@renderer/utils'
|
||||
import { saveMyList, saveDownloadList, saveSearchHistoryList, setUserApi } from '@renderer/utils/tools'
|
||||
import music from '@renderer/utils/music'
|
||||
|
||||
import { useCommit, watch, toRaw, onBeforeUnmount } from '@renderer/utils/vueTools'
|
||||
|
||||
import { apiSource, qualityList, userApi, proxy } from '@renderer/core/share'
|
||||
import { allList, defaultList, loveList, userLists, tempList } from '@renderer/core/share/list'
|
||||
import { downloadList } from '@renderer/core/share/download'
|
||||
|
||||
import { list as eventListNames, download as eventDownloadNames } from '@renderer/event/names'
|
||||
|
||||
const listThrottle = (fn, delay = 100) => {
|
||||
let timer = null
|
||||
let _data = {}
|
||||
return function(data) {
|
||||
Object.assign(_data, data)
|
||||
if (timer) return
|
||||
timer = setTimeout(() => {
|
||||
timer = null
|
||||
fn.call(this, _data)
|
||||
_data = {}
|
||||
}, delay)
|
||||
}
|
||||
}
|
||||
const saveMyListThrottle = listThrottle(data => saveMyList(data), 300)
|
||||
const saveDownloadListThrottle = throttle(list => saveDownloadList(list), 1000)
|
||||
const saveSearchHistoryListThrottle = throttle(list => saveSearchHistoryList(list), 500)
|
||||
|
||||
export default ({
|
||||
setting,
|
||||
searchHistoryList,
|
||||
}) => {
|
||||
watch(setting, (newValue, oldValue) => {
|
||||
saveSetting(toRaw(newValue))
|
||||
global.appSetting = newValue
|
||||
}, { deep: true })
|
||||
|
||||
// watch(defaultList, (newValue, oldValue) => {
|
||||
// saveMyListThrottle({ defaultList: toRaw(newValue) })
|
||||
// }, { deep: true })
|
||||
// watch(loveList, (newValue, oldValue) => {
|
||||
// saveMyListThrottle({ loveList: toRaw(newValue) })
|
||||
// }, { deep: true })
|
||||
// watch(userList, (newValue, oldValue) => {
|
||||
// saveMyListThrottle({ userList: toRaw(newValue) })
|
||||
// }, { deep: true })
|
||||
|
||||
// watch(downloadList, (newValue, oldValue) => {
|
||||
// saveDownloadListThrottle(window.downloadListFull)
|
||||
// }, { deep: true })
|
||||
|
||||
watch(searchHistoryList, (newValue, oldValue) => {
|
||||
saveSearchHistoryListThrottle(toRaw(newValue))
|
||||
}, { deep: true })
|
||||
|
||||
|
||||
const setApiSource = useCommit('setApiSource')
|
||||
watch(apiSource, (apiSource, oldValue) => {
|
||||
if (/^user_api/.test(apiSource)) {
|
||||
qualityList.value = {}
|
||||
userApi.status = false
|
||||
userApi.message = 'initing'
|
||||
} else {
|
||||
qualityList.value = music.supportQuality[apiSource]
|
||||
}
|
||||
if (oldValue === null) return
|
||||
|
||||
setUserApi(apiSource)
|
||||
|
||||
if (apiSource != setting.value.apiSource) {
|
||||
setApiSource(apiSource)
|
||||
}
|
||||
})
|
||||
|
||||
const setProxyEnable = useCommit('setProxyEnable')
|
||||
watch(() => proxy.enable, (enable, oldValue) => {
|
||||
if (enable != setting.value.network.proxy.enable) setProxyEnable(enable)
|
||||
})
|
||||
|
||||
const handelListChange = ids => {
|
||||
const lists = {}
|
||||
let isUserList = false
|
||||
for (const id of ids) {
|
||||
switch (id) {
|
||||
case defaultList.id:
|
||||
lists.defaultList = { ...toRaw(defaultList), list: toRaw(allList[id]) }
|
||||
break
|
||||
case loveList.id:
|
||||
lists.loveList = { ...toRaw(loveList), list: toRaw(allList[id]) }
|
||||
break
|
||||
case tempList.id:
|
||||
lists.tempList = { ...toRaw(tempList), list: toRaw(allList[id]) }
|
||||
break
|
||||
default:
|
||||
isUserList = true
|
||||
}
|
||||
}
|
||||
if (isUserList) {
|
||||
lists.userList = userLists.map(l => ({ ...toRaw(l), list: toRaw(allList[l.id]) }))
|
||||
}
|
||||
|
||||
saveMyListThrottle(lists)
|
||||
}
|
||||
const handelSaveList = ({ id }) => {
|
||||
handelListChange([id])
|
||||
}
|
||||
|
||||
const handelDownloadListChange = () => {
|
||||
saveDownloadListThrottle(toRaw(downloadList))
|
||||
}
|
||||
|
||||
window.eventHub.on(eventListNames.listChange, handelListChange)
|
||||
window.eventHub.on(eventListNames.musicInfoChange, handelSaveList)
|
||||
window.eventHub.on(eventDownloadNames.listChange, handelDownloadListChange)
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.eventHub.off(eventListNames.listChange, handelListChange)
|
||||
window.eventHub.off(eventListNames.musicInfoChange, handelSaveList)
|
||||
window.eventHub.off(eventDownloadNames.listChange, handelDownloadListChange)
|
||||
})
|
||||
|
||||
return {
|
||||
saveMyListThrottle,
|
||||
saveSearchHistoryListThrottle,
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,128 @@
|
||||
import { useCommit, useGetter, onBeforeUnmount } from '@renderer/utils/vueTools'
|
||||
import { sync as eventSyncName } from '@renderer/event/names'
|
||||
import { syncEnable, onSyncStatus } from '@renderer/utils/tools'
|
||||
import { sync } from '@renderer/core/share'
|
||||
|
||||
export default () => {
|
||||
const setList = useCommit('setList')
|
||||
const listAdd = useCommit('listAdd')
|
||||
const listMove = useCommit('listMove')
|
||||
const listAddMultiple = useCommit('listAddMultiple')
|
||||
const listMoveMultiple = useCommit('listMoveMultiple')
|
||||
const listRemove = useCommit('listRemove')
|
||||
const listRemoveMultiple = useCommit('listRemoveMultiple')
|
||||
const listClear = useCommit('listClear')
|
||||
const updateMusicInfo = useCommit('updateMusicInfo')
|
||||
const createUserList = useCommit('createUserList')
|
||||
const removeUserList = useCommit('removeUserList')
|
||||
const setUserListName = useCommit('setUserListName')
|
||||
const moveupUserList = useCommit('moveupUserList')
|
||||
const movedownUserList = useCommit('movedownUserList')
|
||||
const setMusicPosition = useCommit('setMusicPosition')
|
||||
const setSyncListData = useCommit('setSyncListData')
|
||||
|
||||
const setting = useGetter('setting')
|
||||
|
||||
const handleSyncAction = ({ action, data }) => {
|
||||
if (typeof data == 'object') data.isSync = true
|
||||
// console.log(action, data)
|
||||
|
||||
switch (action) {
|
||||
case 'set_list':
|
||||
setList(data)
|
||||
break
|
||||
case 'list_add':
|
||||
listAdd(data)
|
||||
break
|
||||
case 'list_move':
|
||||
listMove(data)
|
||||
break
|
||||
case 'list_add_multiple':
|
||||
listAddMultiple(data)
|
||||
break
|
||||
case 'list_move_multiple':
|
||||
listMoveMultiple(data)
|
||||
break
|
||||
case 'list_remove':
|
||||
listRemove(data)
|
||||
break
|
||||
case 'list_remove_multiple':
|
||||
listRemoveMultiple(data)
|
||||
break
|
||||
case 'list_clear':
|
||||
listClear(data)
|
||||
break
|
||||
case 'update_music_info':
|
||||
updateMusicInfo(data)
|
||||
break
|
||||
case 'create_user_list':
|
||||
createUserList(data)
|
||||
break
|
||||
case 'remove_user_list':
|
||||
removeUserList(data)
|
||||
break
|
||||
case 'set_user_list_name':
|
||||
setUserListName(data)
|
||||
break
|
||||
case 'moveup_user_list':
|
||||
moveupUserList(data)
|
||||
break
|
||||
case 'movedown_user_list':
|
||||
movedownUserList(data)
|
||||
break
|
||||
case 'set_music_position':
|
||||
setMusicPosition(data)
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const handleSyncList = ({ action, data }) => {
|
||||
switch (action) {
|
||||
case 'getData':
|
||||
global.eventHub.emit(eventSyncName.send_sync_list, {
|
||||
action: 'getData',
|
||||
data: {
|
||||
defaultList: this.defaultList,
|
||||
loveList: this.loveList,
|
||||
userList: this.userList,
|
||||
},
|
||||
})
|
||||
break
|
||||
case 'setData':
|
||||
setSyncListData(data)
|
||||
break
|
||||
case 'selectMode':
|
||||
sync.deviceName = data.deviceName
|
||||
sync.isShowSyncMode = true
|
||||
break
|
||||
case 'closeSelectMode':
|
||||
sync.isShowSyncMode = false
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
window.eventHub.on(eventSyncName.handle_action_list, handleSyncAction)
|
||||
window.eventHub.on(eventSyncName.handle_sync_list, handleSyncList)
|
||||
|
||||
const rSyncStatus = onSyncStatus((event, status) => {
|
||||
sync.status.status = status.status
|
||||
sync.status.message = status.message
|
||||
sync.status.address = status.address
|
||||
sync.status.code = status.code
|
||||
sync.status.devices = status.devices
|
||||
})
|
||||
|
||||
if (setting.sync.enable && setting.sync.port) {
|
||||
syncEnable({
|
||||
enable: setting.sync.enable,
|
||||
port: setting.sync.port,
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
rSyncStatus()
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,106 @@
|
||||
import { useAction, nextTick, onBeforeUnmount } from '@renderer/utils/vueTools'
|
||||
import { onUpdateAvailable, onUpdateDownloaded, onUpdateError, onUpdateNotAvailable, onUpdateProgress } from '@renderer/utils/tools'
|
||||
import { compareVer } from '@renderer/utils'
|
||||
import { versionInfo } from '@renderer/core/share'
|
||||
|
||||
export default (setting) => {
|
||||
const getVersionInfo = useAction('getVersionInfo')
|
||||
|
||||
// 更新超时定时器
|
||||
let updateTimeout = setTimeout(() => {
|
||||
updateTimeout = null
|
||||
versionInfo.isTimeOut = true
|
||||
nextTick(() => {
|
||||
showUpdateModal()
|
||||
})
|
||||
}, 60 * 30 * 1000)
|
||||
|
||||
const clearUpdateTimeout = () => {
|
||||
if (!updateTimeout) return
|
||||
clearTimeout(updateTimeout)
|
||||
updateTimeout = null
|
||||
}
|
||||
|
||||
const showUpdateModal = () => {
|
||||
(versionInfo.newVersion && versionInfo.newVersion.history
|
||||
? Promise.resolve(versionInfo.newVersion)
|
||||
: getVersionInfo().then(body => {
|
||||
versionInfo.newVersion = body
|
||||
return body
|
||||
})
|
||||
).catch(() => {
|
||||
if (versionInfo.newVersion) return versionInfo.newVersion
|
||||
versionInfo.isUnknow = true
|
||||
let result = {
|
||||
version: '0.0.0',
|
||||
desc: null,
|
||||
}
|
||||
versionInfo.newVersion = result
|
||||
return result
|
||||
}).then(result => {
|
||||
if (result.version == '0.0.0') {
|
||||
versionInfo.isUnknow = true
|
||||
versionInfo.showModal = true
|
||||
return
|
||||
}
|
||||
if (compareVer(versionInfo.version, result.version) != -1) {
|
||||
versionInfo.isLatestVer = true
|
||||
return
|
||||
}
|
||||
|
||||
if (result.version === setting.value.ignoreVersion) return
|
||||
// console.log(this.version)
|
||||
nextTick(() => {
|
||||
versionInfo.showModal = true
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
const rUpdateAvailable = onUpdateAvailable((event, info) => {
|
||||
versionInfo.isDownloading = true
|
||||
getVersionInfo().catch(() => ({
|
||||
version: info.version,
|
||||
desc: info.releaseNotes,
|
||||
})).then(body => {
|
||||
// console.log(body)
|
||||
versionInfo.newVersion = body
|
||||
nextTick(() => {
|
||||
versionInfo.showModal = true
|
||||
})
|
||||
})
|
||||
})
|
||||
const rUpdateNotAvailable = onUpdateNotAvailable((event, info) => {
|
||||
clearUpdateTimeout()
|
||||
versionInfo.newVersion = {
|
||||
version: info.version,
|
||||
desc: info.releaseNotes,
|
||||
}
|
||||
versionInfo.isLatestVer = true
|
||||
})
|
||||
const rUpdateError = onUpdateError((event, info) => {
|
||||
clearUpdateTimeout()
|
||||
versionInfo.isError = true
|
||||
nextTick(() => {
|
||||
showUpdateModal()
|
||||
})
|
||||
})
|
||||
const rUpdateProgress = onUpdateProgress((event, progress) => {
|
||||
versionInfo.downloadProgress = progress
|
||||
})
|
||||
const rUpdateDownloaded = onUpdateDownloaded((event, info) => {
|
||||
clearUpdateTimeout()
|
||||
versionInfo.isDownloaded = true
|
||||
nextTick(() => {
|
||||
showUpdateModal()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
clearUpdateTimeout()
|
||||
rUpdateAvailable()
|
||||
rUpdateNotAvailable()
|
||||
rUpdateError()
|
||||
rUpdateProgress()
|
||||
rUpdateDownloaded()
|
||||
})
|
||||
}
|
||||
Reference in New Issue
Block a user