2. 引用APlayer组件# 找到你的需要放APlayer组件的地方,比如我放在Dashboard这个页面: 这里标签用APlayer是因为我们引入的组件是APlayer.vue 附上简易代码: <template><APlayer></APlayer></template>import APlayer from "../../components/APlayer/APlayer.vue";/* 在这里添加你的样式 */ 3. 展示完成效果# 我...
引言 自己弄新版博客想用APlayer,到github看了一圈没见有vue3版本的,所以就用基于Aplayer组件化了下,顺带看了下Meting.js,用Meting.js的服务去获取指定歌曲,详见代码 参考: https://github.com/DIYgod/APlayer https://ap
Vue中使用Aplayer 和 Metingjs 添加音乐插件1、Aplayer和Metingjs 的文档2、使用方式3、完整API4、总结5、最后的话 1、Aplayer和Metingjs 的文档 Aplayer官网文档Metingjs官网文档2、使用方式在 public 目录下的 index.html 中引入核心依赖
本文使用vue-aplayer 组件实现音乐播放!实现样式:引入依赖npm installvue-aplayer --save注意本文使用的是vue-aplayer 并不是 @moefe/vue-aplayer,两者之间有些配置项不同,这里暂时不做赘述。这里也可能会发生一个警告Can't resolve 'hls.js' in 'D:\MyProject\private-ashcan\fro ...
let instance: APlayer; // APlayer歌曲信息 class Audio { // 音频艺术家 artist: String; // 音频名称 name: String; // 音频链接 url: String; // 音频封面 cover: String; // 歌词 lrc: String; constructor(artist: String, name: String, url: String, cover: String, lrc: String) { ...
" } }], // 音乐插件 ['meting', { //metingApi: "https://meting.sigure.xyz/api/music", meting: { // 网易 server: "netease", // 读取歌单 type: "playlist", mid: "696441716", }, // 不配置该项的话不会出现全局播放器 aplayer: { // 吸底模式 fixed: true, mini: true, // ...