lrcType: 1, //使用js字符串格式加载歌词 }); const initAudio = () => { // 创建一个音乐播放器实例,并挂载到DOM上,同时进行相关配置 const ap = new APlayer({ container: document.getElementById("aplayer"), audio: audio.value, // 音乐信息 ...info.value, // 其他配置信息 }); }; onMoun...
1、安装 npm: npm install aplayer--save AI代码助手复制代码 Yarn: yarnaddaplayer AI代码助手复制代码 2、页面中引入 importAPlayerfrom'APlayer';import'APlayer/dist/APlayer.min.css'; AI代码助手复制代码 3、具体使用,源代码 (1)封装 aPlayer.vue <template></template>importAPlayerfrom'APlayer';import'APla...
引言 自己弄新版博客想用APlayer,到github看了一圈没见有vue3版本的,所以就用基于Aplayer组件化了下,顺带看了下Meting.js,用Meting.js的服务去获取指定歌曲,详见代码 参考: https://github.com/DIYgod/APlayer https://ap
npm install vue-aplayer --save 1. 注意 本文使用的是 vue-aplayer 并不是 @moefe/vue-aplayer,两者之间有些配置项不同,这里暂时不做赘述。 这里也可能会发生一个警告 Can't resolve 'hls.js' in 'D:\MyProject\private-ashcan\frontend\node_modules\vue-aplayer\dist' 解决办法是引入 hls.js 依赖 npm...
加载arcgis先查看这个文章 vue3中使用arcgis 高德 const map = new Map({ basemap: '', // 此处置为空 }) mapView = new MapView({ map, container: mapRef.value, center: [120.28985, 31.54225], zoom: 13 }) // 加载高德地图 const gdLayer = loadGdMapLayer() mapView.map.layers.add(gdLayer...
" } }], // 音乐插件 ['meting', { //metingApi: "https://meting.sigure.xyz/api/music", meting: { // 网易 server: "netease", // 读取歌单 type: "playlist", mid: "696441716", }, // 不配置该项的话不会出现全局播放器 aplayer: { // 吸底模式 fixed: true, mini: true, // ...
vue中使用aplayer插件做一个网页音乐播放器 我们在浏览网页的时候,时常会看到一些网页音乐播放器,本文以vue为例,使用aplayer插件,做一个简单的网页播放器。我们先看一下效果图效果图正常模式吸底模式当然还有迷你模式,就是能隐藏的都隐藏,这里不赘述,做相应配置就会出现对应效果。注意,吸底模式会出现上一曲下一曲按钮...
本项目采用了基于MetingJS的Aplayer音乐播放器,可实现快速自定义歌单 *仅支持中国大陆地区 请在.env文件中更改歌曲相关参数即可实现自定义歌单列表 #歌曲 API 地址VITE_SONG_API ="https://api-meting.imsyy.top"#歌曲服务器 ( netease-网易云, tencent-qq音乐 )VITE_SONG_SERVER ="netease"#播放类型 ( song-...
首先创建一个index.js文件使用NodeJs来遍历resources,我们要获得路径名称、图片大小等有用信息(使用image-size这个库可以快速获取图片大小),然后输出成JSON文件保存,最后将图片复制到目录view/public/中: constfs =require('fs')constpath =require('path')constsizeOf =require('image-size')constbasePath = path....
VueJS和属性Decorator vue-aplayer...版的聊天应用 tomato5 ★134 - 实时的协作工具 Loopa-News ★133 - 开源社会新闻应用 vue2-management-platform ★74 - vue2.0+ elementUI...clone vue-adminLte-vue-router ★243 - vue和adminLte整合应用 vue-fis3 ★217 - 流行开源工具集成demo notepad ★216 - 本...