Growio音樂軟件下載及使用指南

一、Growio簡介

Growio是一款集音樂下載、播放、管理為一體的音樂軟件。它可以幫助用戶快速搜索並下載高品質的音樂資源，支持多種音頻格式，同時也提供了一系列實用的歌曲管理工具。

二、Growio音樂下載

1、支持多個音樂平台：Growio可以同時搜索和下載來自多個音樂平台的資源，包括Spotify、Soundcloud、Youtube、iTunes等。

async function searchMusic(service, query) {
    const res = await fetch(`http://api.growio.com/search?service=${encodeURIComponent(service)}&query=${encodeURIComponent(query)}`)
    return res.json()
}

2、高品質音樂資源：Growio提供多種音質供用戶選擇，包括mp3、flac、wav、ape等格式。

async function downloadMusic(url, quality) {
    const res = await fetch(`http://api.growio.com/download?url=${encodeURIComponent(url)}&quality=${encodeURIComponent(quality)}`)
    return res.blob()
}

3、自動補全搜索：Growio在搜索過程中會自動根據用戶的輸入信息進行補全，方便用戶快速搜索到所需要的歌曲。

async function autoComplete(query) {
    const res = await fetch(`http://api.growio.com/autocomplete?query=${encodeURIComponent(query)}`)
    return res.json()
}

三、Growio音樂播放

1、多種播放模式：Growio支持單曲循環、隨機播放、列表循環等多種播放模式。

function playMode(mode) {
    switch(mode) {
        case 'repeat':
            audio.loop = true
            break
        case 'shuffle':
            const randomIndex = Math.floor(Math.random() * musicList.length)
            playMusic(musicList[randomIndex])
            break
        case 'list':
            if(currentIndex === musicList.length - 1) {
                currentIndex = 0
            } else {
                currentIndex++
            }
            playMusic(musicList[currentIndex])
            break
        default:
            break
    }
}

2、歌曲封面顯示：Growio會從歌曲的元數據中提取出封面信息，並在播放時進行顯示。

function showCover(url) {
    const img = new Image()
    img.src = url
    img.onload = function() {
        cover.style.backgroundImage = `url(${url})`
    }
}

3、歌曲歌詞同步：Growio支持從歌曲的元數據中提取歌詞信息，並在播放時進行同步和顯示。

function showLyric(text) {
    const lyricArray = text.split(/\n/g)
    const lyricObj = {}
    for(let i = 0; i  {
        if(audio.ended) {
            return
        }
        const currentTime = audio.currentTime
        let keys = Object.keys(lyricObj)
        let nextTime = keys.find((time) => parseFloat(time) > currentTime)
        if(!nextTime) {
            nextTime = keys[keys.length - 1]
        }
        let nextContent = lyricObj[nextTime]
        if(nextContent) {
            lyric.innerHTML = nextContent
        }
    }, 100)
}

四、Growio歌曲管理

1、歌曲收藏管理：Growio支持對收藏歌曲進行管理，包括添加、刪除、修改歌曲信息等。

async function addFavorite(music) {
    const res = await fetch(`http://api.growio.com/favorite/add`, {
        method: 'POST',
        body: JSON.stringify(music)
    })
    return res.json()
}
async function removeFavorite(id) {
    const res = await fetch(`http://api.growio.com/favorite/remove/${id}`, {
        method: 'DELETE'
    })
    return res.json()
}
async function updateFavorite(id, music) {
    const res = await fetch(`http://api.growio.com/favorite/update/${id}`, {
        method: 'PUT',
        body: JSON.stringify(music)
    })
    return res.json()
}

2、歌曲標籤管理：Growio支持對歌曲進行標籤管理，讓用戶更好地進行分類、搜索和篩選。

async function addTag(id, tag) {
    const res = await fetch(`http://api.growio.com/tag/add/${id}`, {
        method: 'POST',
        body: JSON.stringify({tag})
    })
    return res.json()
}
async function removeTag(id, tag) {
    const res = await fetch(`http://api.growio.com/tag/remove/${id}`, {
        method: 'DELETE',
        body: JSON.stringify({tag})
    })
    return res.json()
}
async function getTags(id) {
    const res = await fetch(`http://api.growio.com/tag/get/${id}`)
    return res.json()
}

五、Growio其他特色功能

1、歌曲搜索歷史：Growio會自動記錄用戶的搜索歷史，並提供搜索歷史的管理和快速搜索功能。

function saveSearchHistory(query) {
    const history = JSON.parse(localStorage.getItem('searchHistory')) || []
    const index = history.indexOf(query)
    if(index > -1) {
        history.splice(index, 1)
    }
    history.unshift(query)
    localStorage.setItem('searchHistory', JSON.stringify(history))
}
function getSearchHistory() {
    return JSON.parse(localStorage.getItem('searchHistory')) || []
}

2、在線歌曲推薦：Growio會根據用戶的聽歌記錄和喜好推薦相似的歌曲。

async function getRecommendations() {
    const res = await fetch(`http://api.growio.com/recommendation`)
    return res.json()
}

3、歌曲下載限制：Growio會對歌曲的下載進行管理和限制，確保資源合法，維護音樂產業的生態。

function checkDownloadLimit(music) {
    const res = await fetch(`http://api.growio.com/limit/check`, {
        method: 'POST',
        body: JSON.stringify(music)
    })
    const {limited, message} = res.json()
    if(limited) {
        alert(message)
    }
}

以上是Growio音樂軟件的下載及使用指南，希望可以幫助到用戶更好地管理和享受音樂。