posterfy

persterfy

創建由Spotify的API驅動的您喜歡的專輯的驚人海報。

---

？概述

Persterfy是一個開源Web應用程序，允許用戶為其喜歡的音樂專輯創建視覺吸引人的海報。由Spotify的Free API提供動力，PersterFy使用戶可以使用HTML Canvas Element搜索專輯，收集專輯數據並將信息組織到自定義海報中。

該項目是教育性的，非商業的，並且完全開放了貢獻。圖像和數據的所有權利均由Spotify和各自的藝術家擁有。

---

？可能的結果

這是海報生成的海報的示例：

---

？ API和使用的工具

• Spotify API ：用於搜索專輯並檢索基本信息，例如專輯名稱，藝術家和圖像。

• HTML帆布：通過使用Canvas上的JavaScript將其渲染為海報格式，從而組織收集的數據。

---

？它如何工作

1️⃣搜索專輯：用戶輸入他們想創建海報的專輯的名稱。

2️⃣選擇專輯：PersterFy顯示搜索結果，用戶可以選擇其所需的相冊。

3️⃣數據收集：選擇專輯後，Persterfy從Spotify的API中獲取了所有必要的數據和圖像。

4️⃣視覺組織：然後，使用HTML帆布元素將收集的數據在視覺上組織到自定義佈局中。

5️⃣海報生成：最後，生成了海報的渲染圖像，用戶可以保存或共享。

---

❓常見問題解答

問：我可以在沒有Spotify帳戶的情況下使用persterfy嗎？
答：是的，您不需要Spotify帳戶來創建海報，但是您需要設置Spotify憑據才能在本地運行該應用程序。

問：可以使用自定義專輯創建海報嗎？
答：當前，Posterfy僅支持Spotify數據庫中的專輯。自定義專輯尚不支持。

問：我可以在哪種文件格式中導出海報？
答：海報可以作為PNG圖像導出。

⚡使用它！

您可以通過訪問此鏈接在GitHub頁面上嘗試Porsterfy Live。

開始在本地使用該項目：

1. 克隆存儲庫：

   git clone https://github.com/avictormorais/posterfy.git

2. 導航到項目目錄：

    cd posterfy

3. 安裝依賴項：

   npm install

4. 在根目錄中創建一個.env文件，並將您的Spotify API憑據添加如.env.semple：

   VITE_SPOTIFY_CLIENT_ID==your_spotify_client_id
   VITE_SPOTIFY_CLIENT_SECRET=your_spotify_client_secret

5. 在本地運行該項目：

   npm start

？貢獻

我們歡迎對Posterfy的貢獻！如果您想做出貢獻，請按照以下步驟：

1. 分叉存儲庫。
2. 創建一個新的分支（ git checkout -b feature-branch ）。
3. 進行更改並提交它們（ git commit -am 'Add new feature' ）。
4. 推到分支（ git push origin feature-branch ）。
5. 打開拉動請求。

請確保您的代碼通過所有測試並遵守項目的樣式指南。

- 免責聲明

• 非營利組織- 該項目是用於教育和非商業目的的。圖像和信息的所有權利屬於Spotify和各自的藝術家。

• ？貢獻- 歡迎貢獻！請隨時提交錯誤報告，功能請求，轉換為您的語言或拉出請求。