您现在的位置是:网站首页> 编程资料编程资料
vue3+ts使用APlayer的示例代码_vue.js_
2023-05-24
490人已围观
简介 vue3+ts使用APlayer的示例代码_vue.js_
引言
自己弄新版博客想用APlayer,到github看了一圈没见有vue3版本的,所以就用基于Aplayer组件化了下,顺带看了下Meting.js,用Meting.js的服务去获取指定歌曲,详见代码
参考:
https://github.com/DIYgod/APlayer
https://aplayer.js.org/#/zh-Hans/
https://github.com/metowolf/MetingJS
安装依赖
yarn add aplayer
代码
APlayer.Vue
player.ts
import axios from '@/utils/axios' export class player { static getSongSheet(server: string, type:String, id: String) { return axios.get(`https://api.i-meto.com/meting/api?server=${server}&type=${type}&id=${id}&r=${Math.random()}`); } }效果图

到此这篇关于vue3+ts使用APlayer的文章就介绍到这了,更多相关vue3+ts使用APlayer内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
相关内容
- React函数组件useContext useReducer自定义hooks_React_
- React事件监听和State状态修改方式_React_
- vue3中实现音频播放器APlayer的方法_vue.js_
- 小程序使用scroll-view实现一个滑动列表功能_javascript技巧_
- nodejs中的http模块与npm模块使用_node.js_
- vue中使用vuex的超详细教程_vue.js_
- nodejs中关于mysql数据库的操作_node.js_
- Vue中使用 Aplayer 和 Metingjs 添加音乐插件的方式_vue.js_
- nodejs中的读取文件fs与文件路径path解析_node.js_
- JS字符串转GBK编码超精简实现详解_javascript技巧_
