Commit Graph

176 Commits

Author SHA1 Message Date
096e74a9bd
fix(Playroom): add tooltip for lyrics button with fade transition on hover 2025-05-27 12:08:34 +10:00
ee5c8c22d2
fix(Playroom): adjust album cover scaling effect for improved visual consistency 2025-05-27 09:32:42 +10:00
401905fd43
fix(ScrollingLyrics): standardize formatting and improve readability of code structure 2025-05-26 21:31:14 +10:00
f44c718e2d
fix(Playroom): enhance album cover hover effect with dynamic scaling based on playback state 2025-05-26 21:28:20 +10:00
9f4c5fc0f6
fix(Playroom): remove unnecessary animations from shuffle and repeat button toggles for cleaner functionality 2025-05-26 20:45:35 +10:00
ff51653326
fix(Playroom): add overflow hidden to album cover container for improved layout 2025-05-26 20:42:05 +10:00
bb40342725
fix(Playroom): enhance album cover display with scaling effect 2025-05-26 20:36:52 +10:00
d8d1284c56
fix: update language attribute in HTML and adjust script source path for consistency
refactor(ScrollingLyrics): simplify markup and improve readability of lyrics rendering logic
2025-05-26 20:30:55 +10:00
5a200edd11
fix(Playroom): correct script source path and add ChatBubbleQuoteFull icon for improved lyrics display 2025-05-26 19:49:36 +10:00
588182e888
feat(Playroom): add lyrics display functionality with animations and preferences management 2025-05-26 19:34:13 +10:00
95d00616d0
fix(ScrollingLyrics): adjust scroll behavior and limit range for user interactions 2025-05-26 18:52:20 +10:00
145a2d2dbb
fix: storage / network permission issue 2025-05-26 18:44:25 +10:00
c129b2dd1b
fix(ScrollingLyrics): handle empty lyrics input by returning a default empty line and adjust current line index logic 2025-05-26 18:28:33 +10:00
8a16f3cde8
style(ScrollingLyrics): adjust layout and improve animations for better user experience 2025-05-26 18:23:24 +10:00
6bf9c493aa
feat(ScrollingLyrics): enhance lyrics display with scroll indicators, loading states, and user interactions 2025-05-26 17:49:26 +10:00
7ecc38dda8
feat(歌词): 添加滚动歌词组件和接口定义
新增 ScrollingLyrics.vue 组件实现歌词滚动显示功能,包括:
1. 解析 LRC 格式歌词文本
2. 根据当前播放时间高亮对应歌词行
3. 支持歌词和间隔时间的处理

同时在 vite-env.d.ts 中新增 LyricsLine 和 GapLine 接口定义,并在 Playroom.vue 中集成歌词组件
2025-05-26 17:29:31 +10:00
3a5377595b
style(页面布局): 调整多个页面的顶部间距和导航栏样式
- 为Home和AlbumDetail页面添加统一的顶部间距
- 修改App.vue导航栏为绝对定位并增加z-index
- 在Playroom页面实现控制器元素的粘性定位并动态计算位置
2025-05-26 17:00:24 +10:00
2ce63f5daa
style(Playroom): 为歌曲信息文本添加固定宽度限制
防止文本过长导致布局问题,为歌曲名称和艺术家信息设置固定宽度
2025-05-26 15:24:06 +10:00
32ab4574dd
feat(偏好设置): 添加浏览器扩展存储支持及时间显示偏好功能
添加 webextension-polyfill 依赖以支持浏览器扩展存储 API
创建 usePreferences store 管理用户偏好设置
将 Playroom 页面的时间显示切换功能迁移至偏好设置 store
2025-05-26 14:50:53 +10:00
4a8f68346a
style(Playroom): 优化代码格式和布局间距
- 移除多余的空格和换行符
- 统一按钮和布局的样式
- 调整元素间距提升视觉一致性
2025-05-26 14:14:03 +10:00
4da52e7f95
feat(播放器): 添加循环播放模式功能
实现三种循环播放模式:关闭、全部循环和单曲循环。修改播放逻辑以支持不同模式:
- 关闭模式:播放到队列末尾时停止
- 全部循环:播放到队列末尾时从头开始
- 单曲循环:当前歌曲播放结束后自动重播

新增单曲循环图标组件,并优化播放控制按钮的UI交互。
2025-05-26 13:39:47 +10:00
791fa0dbc7
refactor(Player): 提取获取当前曲目的逻辑到单独函数
将重复的获取当前曲目逻辑封装为 getCurrentTrack 函数,提高代码可维护性并避免重复代码
2025-05-26 13:24:10 +10:00
0db105705b
fix(播放队列): 修复随机播放模式下的状态重置问题
在Player组件中重置shuffleCurrent状态,确保随机播放逻辑正确执行。同时在AlbumDetail页面为随机播放按钮添加点击事件,正确设置随机播放状态。
2025-05-26 13:23:22 +10:00
d99ae28f8c
feat(播放器): 添加随机播放功能
实现播放队列的随机播放模式,包括:
1. 在 store 中添加 shuffleList 和 playMode 状态
2. 修改播放器组件以支持随机播放时的歌曲切换
3. 更新播放界面以显示随机播放队列
4. 添加随机播放按钮交互逻辑

当开启随机播放时,会生成随机播放列表并保持当前播放歌曲不变,关闭时可恢复原播放顺序。
2025-05-26 13:20:08 +10:00
b6574d8093
feat(播放界面): 新增音量图标并优化播放器布局
- 添加新的音量图标组件 speaker.vue
- 调整播放器界面布局,将歌曲信息与操作按钮重新排列
- 优化播放控制按钮的视觉效果,统一模糊效果实现方式
2025-05-26 12:18:06 +10:00
c07f430009
feat(Playroom): 优化播放界面样式并添加视觉层次效果
- 替换列表箭头图标为循环双箭头图标
- 背景不再使用降低亮度的蒙版
- 为文本和按钮添加阴影和模糊背景效果
- 统一调整按钮尺寸和交互样式
- 优化时间显示布局和切换功能
2025-05-26 12:04:19 +10:00
5ded7f4f9d
refactor(Player): 移除调试用的console.log语句
清理播放器组件中用于调试的console.log输出语句,保持代码整洁
2025-05-26 10:56:53 +10:00
1a700659ae
refactor(icons): 移除图标组件中的冗余div包装层
优化图标组件结构,直接将尺寸类应用于svg元素
2025-05-26 10:43:57 +10:00
67f466d43c
refactor(Playroom): 优化播放队列列表的代码格式和点击逻辑
- 调整代码缩进和换行以提升可读性
- 修改播放队列项的点击逻辑,避免重复触发相同索引的播放
- 统一格式化字符串模板和条件判断的写法
2025-05-26 08:33:35 +10:00
fec29b01a4
feat(Playroom): 为播放队列中的歌曲添加点击播放功能
点击播放队列中的歌曲时,设置当前播放索引并开始播放
2025-05-26 08:31:33 +10:00
cc6c6e311e
feat(播放控制): 为曲目列表添加点击播放功能
- 在 TrackItem 组件中添加 playfrom 属性,用于接收播放函数
- 修改 playTheAlbum 函数支持从指定索引开始播放
- 为 TrackItem 按钮添加点击事件,点击时调用 playfrom 函数
2025-05-26 08:28:47 +10:00
9d9b32d47d
style(Playroom): 为歌曲名称和艺术家信息添加截断样式
refactor(audioVisualizer): 调整音频可视化频率范围分段

为 Playroom 页面的歌曲名称和艺术家信息添加 truncate 样式,防止文本溢出
重构音频可视化频率范围分段,使其更符合人耳感知特性
2025-05-26 08:14:14 +10:00
bb474c998c
feat(audioVisualizer): 增加最大分贝门槛配置并优化频段增强
在音频可视化工具中新增 `maxDecibels` 配置项,用于调整最大分贝门槛。同时优化频段增强逻辑,简化频率范围定义,并更新测试数据以支持六频段模拟。这些改动提升了音频可视化的灵活性和准确性。
2025-05-25 22:26:12 +10:00
9d6ad7ee4a
fix: 将音频可视化器的默认敏感度从1调整为0.5
为了提供更平滑的音频可视化效果,将默认敏感度值从1降低到0.5。这有助于减少视觉上的波动,使其更符合用户期望。
2025-05-25 21:58:47 +10:00
e9c807e01b
feat(Player): 替换暂停图标为音频可视化效果
在播放按钮中,将原有的暂停图标替换为音频可视化效果,提升用户交互体验。同时,在音频可视化工具中新增了响度门槛和最小高度配置,优化了频段范围和增强逻辑。
2025-05-25 21:44:07 +10:00
427fc5905c
fix(Playroom): 默认隐藏播放队列对话框并优化歌曲信息显示
默认隐藏播放队列对话框以避免不必要的干扰,并优化歌曲信息显示,防止文本溢出
2025-05-25 20:27:48 +10:00
73aaef1662
feat(音频可视化): 添加音频可视化功能并优化播放队列显示
引入音频可视化器模块,用于实时显示音频频谱。在播放队列中添加可视化效果,并优化播放队列的UI显示。同时,更新播放队列的标题为“播放队列”以提升用户体验。
2025-05-25 20:22:05 +10:00
519816c050
feat(Playroom): 添加新的图标组件并更新播放队列对话框
在播放队列对话框中添加了新的图标组件(XIcon、ShuffleIcon、ListArrowIcon),并更新了对话框的布局和样式
2025-05-25 19:03:54 +10:00
01c2e1caa0
feat(Playroom): 添加播放队列列表对话框
引入播放队列列表对话框,支持显示和隐藏功能。通过点击按钮触发对话框的动画效果,提升用户体验。
2025-05-25 18:25:18 +10:00
a40268e134
style(Playroom): 调整布局间距以提升视觉一致性
将按钮之间的间距从 `gap-12` 调整为 `gap-16`,并重新排列部分按钮的布局,以提高页面的视觉一致性和美观性。
2025-05-25 17:52:34 +10:00
02dd087239
feat(Playroom): 添加新的图标组件并更新界面布局
在Playroom页面中新增了四个图标组件(ChatBubbleQuoteIcon、StarEmptyIcon、MusicListIcon、EllipsisHorizontalIcon),并调整了界面布局以更好地展示这些图标。这些改动旨在提升用户界面的交互性和视觉一致性。
2025-05-25 17:42:48 +10:00
740d9a2d69
feat: 添加并替换多个图标组件以提高代码复用性
本次提交新增了多个图标组件,并在多个页面和组件中替换了原有的内联SVG代码。通过引入这些可复用的图标组件,提高了代码的可维护性和一致性。
2025-05-25 17:20:03 +10:00
3608b02c4d
refactor(Playroom): 将进度条更新逻辑提取到单独函数中
将进度条更新的逻辑提取到 `thumbUpdate` 函数中,以便在多个地方复用,提升代码的可维护性
2025-05-25 15:52:52 +10:00
3074950226
fix(Player): 修复播放器时间更新逻辑
修复了播放器组件中时间更新逻辑的问题,将`!newValue`改为`newValue === null`以更准确地判断时间更新条件。同时在`Playroom`页面中改进了时间格式化函数,当时间无效时返回`-:--`而不是`0:00`,并增加了对NaN值的处理。
2025-05-25 14:25:12 +10:00
3bb49881d7
feat(播放控制): 添加播放队列的上一首和下一首功能
新增 `playNext` 和 `playPrevious` 函数,用于控制播放队列中的上一首和下一首歌曲。同时为播放按钮绑定点击事件,实现播放控制功能。
2025-05-25 14:19:41 +10:00
595caa0956
feat(Playroom): 添加音频格式检测功能并优化背景图片布局
添加 `formatDetector` 函数以动态检测并显示当前播放音频的格式。同时,优化背景图片布局,增加半透明遮罩层以提升视觉效果。
2025-05-25 14:14:47 +10:00
257a33ec3d
style(Playroom): 格式化代码并修复缩进问题
统一代码缩进风格,增强代码可读性,并修复部分模板中的换行问题
2025-05-25 10:51:31 +10:00
de71db1992
feat(播放器): 添加播放进度同步功能
在播放器组件中添加了对播放进度的监听和同步功能,确保进度条与播放时间保持一致。同时,在播放队列存储中添加了`updatedCurrentTime`字段,用于更新播放时间。这些改动提升了用户体验,使播放进度控制更加直观和准确。
2025-05-25 10:38:13 +10:00
c24d51ea9e
feat(播放器): 新增播放室页面并集成GSAP动画库
新增播放室页面,支持歌曲播放进度条拖拽功能。在播放队列存储中添加当前播放时间和总时长状态。更新播放器组件以支持跳转到播放室页面,并集成GSAP动画库用于实现进度条拖拽效果。
2025-05-25 10:28:16 +10:00
12aa851d68
docs(manifest.json): 更新扩展描述为中文
将manifest.json中的扩展描述更新为中文,以更准确地反映扩展的功能和用途
2025-05-25 09:12:52 +10:00