[GH-ISSUE #670] 专辑封面非正方形时会变形 #323

New issue

Closed

opened 2026-02-27 07:11:17 +03:00 by kerem · 2 comments

kerem commented

2026-02-27 07:11:17 +03:00

Owner

Originally created by @WindDrift on GitHub (Dec 27, 2025).
Original GitHub issue: https://github.com/imsyy/SPlayer/issues/670

检查清单

我已检索仓库中所有的 Issues，确保我没有重复提交问题；或有相似 Issue，但我觉得我的情况不包含在那个相似 Issue 之内
我已经找到了可以复现这个问题的方法，并且写在了下面的「具体信息」中
此问题可以在我的设备和当前环境中稳定复现
此问题可以在最新版本 (Latest Release) 中复现
此问题是在我更新到当前版本后才出现的

是网页端还是客户端

客户端

当前系统环境

Windows 11 25H2 26200.7462

当前 Node.js 及 npm 版本

No response

当前版本

Build Dev 12.26 GMT+8 16:43 c4af592

具体信息

播放任意一首专辑封面非正方形的歌曲：
VIIIbit Explorer
所属专辑：maimai でらっくすベストアルバムちほー
~~（awmc）~~

可见专辑原图的分辨率为 940x1254，非正方形图片，在播放器内会被拉伸为正方形，宽高比异常。
在专辑页面，封面图会被裁切为正方形，而非拉伸。

期望行为：
播放器中封面被裁切为正方形（建议，实现似乎更简单一点）；
or
播放器中封面根据比例自动适配（封面图始终保持宽高比，但可能不会为正方形）。

Originally created by @WindDrift on GitHub (Dec 27, 2025). Original GitHub issue: https://github.com/imsyy/SPlayer/issues/670 ### 检查清单 - [x] 我已检索仓库中所有的 Issues，确保我**没有重复提交问题**；或有相似 Issue，但我觉得我的情况不包含在那个相似 Issue 之内 - [x] 我已经找到了可以复现这个问题的方法，并且写在了下面的「具体信息」中 - [x] 此问题可以在我的设备和当前环境中**稳定复现** - [x] 此问题可以在最新版本 (Latest Release) 中复现 - [ ] 此问题是在我更新到当前版本后**才**出现的 ### 是网页端还是客户端客户端 ### 当前系统环境 Windows 11 25H2 26200.7462 ### 当前 Node.js 及 npm 版本 _No response_ ### 当前版本 Build Dev 12.26 GMT+8 16:43 c4af592 ### 具体信息播放任意一首专辑封面非正方形的歌曲： [VIIIbit Explorer](https://music.163.com/#/song?id=1914660019) 所属专辑：[maimai でらっくすベストアルバムちほー](https://music.163.com/#/album?id=139341891) ~~（awmc）~~ 可见专辑原图的分辨率为 `940x1254`，非正方形图片，在播放器内会被拉伸为正方形，宽高比异常。在专辑页面，封面图会被裁切为正方形，而非拉伸。期望行为：播放器中封面被裁切为正方形（建议，实现似乎更简单一点）； or 播放器中封面根据比例自动适配（封面图始终保持宽高比，但可能不会为正方形）。 <img width="1920" height="1080" alt="Image" src="https://github.com/user-attachments/assets/ffdaee6f-a077-45aa-aabb-8cd25337e92f" /> <img width="1920" height="1080" alt="Image" src="https://github.com/user-attachments/assets/37966b0c-5333-4e0f-ac4c-1ed8664a388e" />

kerem

2026-02-27 07:11:17 +03:00

closed this issue
added the
已修复
label

kerem commented

2026-02-27 07:11:18 +03:00

Author

Owner

@github-actions[bot] commented on GitHub (Dec 27, 2025):

👋 您好 @WindDrift，感谢提交 Issue！
🚀 我们已经收到您的反馈，会尽快确认你的问题

在等待回复期间，您可以：

📖 查看项目文档
💬 加入交流群进行实时讨论
🔍 搜索现有 Issues 查看是否有类似问题

@github-actions[bot] commented on GitHub (Dec 27, 2025): 👋 您好 @WindDrift，感谢提交 Issue！ 🚀 我们已经收到您的反馈，会尽快确认你的问题在等待回复期间，您可以： - 📖 查看 [项目文档](https://github.com/imsyy/SPlayer/blob/dev/README.md) - 💬 加入 [交流群](https://qm.qq.com/cgi-bin/qm/qr?k=2-cVSf1bE0AvAehCib00qFEFdUvPaJ_k&jump_from=webapi&authKey=1NEhib9+GsmsXVo2rCc0IbRaVHeeRXJJ0gbsyKDcIwDdAzYySOubkFCvkV32+7Cw) 进行实时讨论 - 🔍 搜索 [现有 Issues](https://github.com/imsyy/SPlayer/issues) 查看是否有类似问题

kerem commented

2026-02-27 07:11:18 +03:00

Author

Owner

@github-actions[bot] commented on GitHub (Dec 31, 2025):

🎉 您好 @WindDrift，该问题已修复，感谢您的反馈！

若您觉得仍存在问题，请重新开启或者创建新的 Issue，我们会尽快确认并修复

@github-actions[bot] commented on GitHub (Dec 31, 2025): 🎉 您好 @WindDrift，该问题已修复，感谢您的反馈！若您觉得仍存在问题，请重新开启或者创建新的 Issue，我们会尽快确认并修复

kerem referenced this issue

2026-02-27 07:11:57 +03:00

[PR #323] [CLOSED] Create .env #463