Vue-APlayer
> Vue 3.x for [APlayer](https://aplayer.js.org/).
> 本版本用于 guole.fun 主页播放器，主要新增了`LyricOffset`配置项，默认值`16`，支持传入数字，定义歌词调整字体大小、行高后的偏移量，确保歌词正常展示。
项目地址：[**Vue-APlayer**](https://github.com/first19326/APlayer)
演示地址：[**Demo**](https://aplayer.worstone.cn)
## 介绍
使用 Vue 3.x 参考 APlayer 以及 Vue-APlayer 重构的 APlayer。
项目中可能存在一些没有发现的问题，如有发现欢迎反馈。
在您的项目中使用 Vue-APlayer？[让我知道！](https://github.com/first19326/APlayer/issues/1)
## 使用方法
```vue
```
由于组件初始化时，歌曲信息为空，所以会加载默认的样式，在歌曲信息获取后自动进行更新。
如果想要更好的体验，则参考下面的方式使用。
```vue
```
### VitePress
通过使用 Vue 的服务器端渲染 (SSR) 功能，VitePress 能够在生产构建期间在 Node.js 中预渲染应用程序。这意味着主题组件中的所有自定义代码都 **需要考虑 SSR 兼容性** 。详情参见 [VitePress 文档 - SSR 兼容性](https://vitepress.dev/zh/guide/ssr-compat#clientonly)。
因为 SSR 兼容性的原因，在 VitePress 中可以通过 `defineClientComponent` 方式使用。
```vue
```
[Docs](./docs/README_EN.md)
[中文文档](./docs/README.md)
## 参考
- [APlayer](https://github.com/DIYgod/APlayer) : 🍭 Wow, such a beautiful HTML5 music player.
- [Vue-APlayer](https://github.com/SevenOutman/vue-aplayer) : Vue 2.x implementation of APlayer prototype.
## 作者
**Vue-APlayer** © [WorstOne](https://github.com/first19326)，在 [MIT](./LICENSE) 许可下发布。
> 主页 - [WorstOne](https://worstone.cn/) · 博客 - [Live For Code](https://notes.worstone.cn/) · 仓库 - [Github](https://github.com/first19326)