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和各自的艺术家。

• ？贡献- 欢迎贡献！请随时提交错误报告，功能请求，转换为您的语言或拉出请求。