6461c0adac
style: add text-xs class to player title for non-Chrome browsers
...
Ensure consistent font size rendering across different browsers
by applying Tailwind's text-xs utility class to the song title
in the mini player component.
🤖 Generated with [Claude Code](https://claude.ai/code )
Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-04 21:03:09 +10:00
672b2d80d5
refactor: simplify currentTrack computed property in Player.vue
...
Remove unnecessary else clause for cleaner code structure.
🤖 Generated with [Claude Code](https://claude.ai/code )
Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-04 21:02:24 +10:00
b9a8ca7ae4
feat(Player, Playroom): add volume control functionality with persistent settings
2025-05-28 11:30:12 +10:00
0cfd82d34a
feat(AlbumDetail, Player, Library): enhance playback functionality and improve user prompts
2025-05-28 10:18:05 +10:00
f8b860adf3
fix(Player): adjust album cover image size for better alignment
2025-05-27 20:33:55 +10:00
c6868ed2a2
feat: add vue-toast-notification for user feedback and implement queue management in TrackItem component
2025-05-27 17:03:55 +10:00
6ff90137e7
fix(Player): comment out preloading progress indicator in template
2025-05-27 14:17:01 +10:00
7a0c638d2c
feat(Player): implement audio preloading functionality with state management
2025-05-27 13:44:04 +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
5ded7f4f9d
refactor(Player): 移除调试用的console.log语句
...
清理播放器组件中用于调试的console.log输出语句,保持代码整洁
2025-05-26 10:56:53 +10:00
bb474c998c
feat(audioVisualizer): 增加最大分贝门槛配置并优化频段增强
...
在音频可视化工具中新增 `maxDecibels` 配置项,用于调整最大分贝门槛。同时优化频段增强逻辑,简化频率范围定义,并更新测试数据以支持六频段模拟。这些改动提升了音频可视化的灵活性和准确性。
2025-05-25 22:26:12 +10:00
e9c807e01b
feat(Player): 替换暂停图标为音频可视化效果
...
在播放按钮中,将原有的暂停图标替换为音频可视化效果,提升用户交互体验。同时,在音频可视化工具中新增了响度门槛和最小高度配置,优化了频段范围和增强逻辑。
2025-05-25 21:44:07 +10:00
73aaef1662
feat(音频可视化): 添加音频可视化功能并优化播放队列显示
...
引入音频可视化器模块,用于实时显示音频频谱。在播放队列中添加可视化效果,并优化播放队列的UI显示。同时,更新播放队列的标题为“播放队列”以提升用户体验。
2025-05-25 20:22:05 +10:00
740d9a2d69
feat: 添加并替换多个图标组件以提高代码复用性
...
本次提交新增了多个图标组件,并在多个页面和组件中替换了原有的内联SVG代码。通过引入这些可复用的图标组件,提高了代码的可维护性和一致性。
2025-05-25 17:20:03 +10:00
3074950226
fix(Player): 修复播放器时间更新逻辑
...
修复了播放器组件中时间更新逻辑的问题,将`!newValue`改为`newValue === null`以更准确地判断时间更新条件。同时在`Playroom`页面中改进了时间格式化函数,当时间无效时返回`-:--`而不是`0:00`,并增加了对NaN值的处理。
2025-05-25 14:25:12 +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
8c1957c6ee
fix(Player): 修复播放状态未正确更新的问题
...
在播放下一首或上一首时,直接调用 `player.value?.play()` 可能会导致播放状态未正确更新。通过设置 `playQueueStore.isPlaying = true` 来确保播放状态同步更新。
2025-05-25 09:11:06 +10:00
9d9c3a3ed5
fix(播放器): 修复播放队列和缓冲状态的处理逻辑
...
修复播放队列在到达底部时的暂停逻辑,并确保缓冲状态在播放时正确更新。调整了音频元素的自动播放逻辑,使其与播放状态同步。
2025-05-25 08:31:25 +10:00
a51ddcc023
fix(Player): 将 @canplaythrough
事件替换为 @playing
以更准确反映缓冲状态
...
`@canplaythrough` 事件在某些情况下可能无法准确反映音频的缓冲状态,导致播放状态显示不准确。将其替换为 `@playing` 事件可以更可靠地更新缓冲状态,提升用户体验。
2025-05-25 00:15:01 +10:00
956fef1d8a
feat(Player): 添加缓冲状态指示器
...
在播放器中添加了缓冲状态指示器,当音频缓冲时显示动画,提升用户体验
2025-05-25 00:10:23 +10:00
05070e3322
style(Player): 调整播放器界面的样式
...
移除宽度限制并添加文本截断功能,以改善播放器界面的显示效果
2025-05-24 23:49:15 +10:00
2ffa445413
feat(Player): 添加媒体会话元数据和播放控制功能
...
为播放器组件添加了媒体会话元数据设置功能,包括歌曲标题、艺术家、专辑和封面信息。同时实现了上一曲和下一曲的播放控制逻辑,并优化了音频元素的交互事件处理。
2025-05-24 23:40:13 +10:00
6743b694c8
refactor(Player): 将播放器组件从App.vue中提取到独立的Player.vue组件
...
提取播放器逻辑到独立的Player.vue组件,以提高代码的可维护性和复用性。同时,更新了相关依赖和样式,确保功能不受影响。
2025-05-24 22:53:21 +10:00