Skip to content

feat: 更接近 Apple Music 的 AM 风格! - #455

Open
PhantomPixel-0418 wants to merge 3 commits into
SPlayer-Dev:devfrom
PhantomPixel-0418:feat/am-player-style
Open

PhantomPixel-0418 wants to merge 3 commits into
SPlayer-Dev:devfrom
PhantomPixel-0418:feat/am-player-style

Conversation

@PhantomPixel-0418

Copy link
Copy Markdown
Contributor

改动类型

  • 新功能(feat)
  • 缺陷修复(fix)
  • 重构 / 优化(不改变对外行为)
  • 文档(docs)
  • 其他(请在「改动说明」中注明)

是否包含破坏性变更

  • 是(请在「改动说明」中详细描述)
  • 否

改动说明

全屏播放器改进 Apple Music 风格布局

部分代码源于 @applemusic-like-lyrics/react-full:

  • AppleThumb(妙控条收起把手):移植 ControlThumb——静止为 50×8 药丸,悬停收拢为
    25×25 关闭方块并半速跟随光标,RAF 弹簧积分驱动,静态 ±50 命中区;
    保留 tabindex + :focus-visible 键盘焦点形态。
  • AppleSlider(进度/音量条):移植 BouncingSlider——高频进度直接写 DOM 不经响应式,
    拖拽时按 tanh 阻尼横向回弹、松手弹簧归位。
  • 按压缩放动画:随机/循环按钮复用 MediaButton 的 0.7s 回弹
    (scale 1→0.85→1.1→1,accumulate 叠加),全局 .amll-media-btn / .amll-pressed。
  • 动态跳曲箭头:新增 am-forward / am-rewind 图标及滑动重放动画。
  • 布局对齐 AM:封面有无歌词统一尺寸、妙控条跟随封面列、音质胶囊/过渡光晕样式。

components.d.ts 为组件自动注册的生成产物。

关联 Issue

无

测试情况

  • Windows 手动验证:妙控条展开/跟随/点击收起、进度条拖拽回弹、随机/循环按压缩放、
    跳曲箭头重放、音质胶囊与过渡文案、有无歌词封面尺寸一致。

代码已经 AI 审核 PhantomPixel-0418#88 ,可供参考

截图 / 录屏

Image

phantompixel/jinyu-flash-0418-1t通过QQ闪传分享了【屏幕录制 2026-11-07 205936.mp4】
链接:https://qfile.qq.com/q/CI7XDXz3C8

自查清单

  • 本 PR 只包含一个主要功能 / 修复,没有夹带无关改动
  • 已在本地完整测试通过;AI 生成的代码同样自行测试并审阅过,未做未经验证的提交
  • 已运行 pnpm format,并确认 pnpm typecheck、pnpm lint 通过
  • 改动涉及原生模块时已 pnpm build:native 验证;未手写 native/*/index.d.ts
  • 已向 dev 分支提交

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant