Vue3 TypeScript如何用APlayer实现音乐播放？

本文共计294个文字，预计阅读时间需要2分钟。

目录+引言+安装依赖+代码+APlayer.Vue+player.ts+效果图+引言+自己新版本博客想用APlayer，到github看了下，一圈没见过vue3版本的，所以就用基于Aplayer组件化了，顺带看了下Meting.js，用Meting.js的服务器+

目录

• 引言
• 安装依赖
• 代码
• APlayer.Vue
• player.ts
• 效果图

引言

自己弄新版博客想用APlayer,到github看了一圈没见有vue3版本的，所以就用基于Aplayer组件化了下,顺带看了下Meting.js，用Meting.js的服务去获取指定歌曲，详见代码
参考：

github.com/DIYgod/APlayer
aplayer.js.org/#/zh-Hans/
github.com/metowolf/MetingJS

安装依赖

yarn add aplayer

代码

APlayer.Vue

<!-- <!-- * @Author: MK * @Date: 2021-12-16 15:41:47 * @LastEditTime: 2021-12-24 11:17:45 * @LastEditors: MK * @Description: APlayer组件化 * @FilePath: \vue-mk-blog\src\components\APlayer.vue --> <template> <div ref="playerRef"></div> </template> <script lang="ts" setup> import api.i-meto.com/meting/api?server=${server}&type=${type}&id=${id}&r=${Math.random()}`); } }

效果图

到此这篇关于vue3+ts使用APlayer的文章就介绍到这了,更多相关vue3+ts使用APlayer内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！