vue-aplayer插件也可以实现音乐播放和歌词滚动,但是只有对应的Vue2.x版本 image.png npm下载aplayer插件 npm install aplayer --save 下载hls.js: npm install hls.js --save <template><!-- 准备一个容器用来存放音乐播放器 --></template> import APlayer from "aplayer"; // 引入音乐插件 import "aplayer/...
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 ...
"vue3-aplayer": "^1.7.3" "vue": "^3.3.4" }, "devDependencies": { "@icon-park/vue-next": "^1.4.2", 538 changes: 172 additions & 366 deletions 538 pnpm-lock.yaml Load diff Large diffs are not rendered by default. 12 changes: 6 additions & 6 deletions 12 src/api/index....
let aplayer = ref("src/static/img/aplayer/play.png") // 当前时间 let MusiccurrentTime: Number = ref() // 歌曲总时间 let Musicduration: Number = ref() // 进度条 let progress: Number = ref() // 默认暂停状态 let playing: Boolean = false ...
本文使用vue-aplayer 组件实现音乐播放!实现样式:引入依赖npm installvue-aplayer --save注意本文使用的是vue-aplayer 并不是 @moefe/vue-aplayer,两者之间有些配置项不同,这里暂时不做赘述。这里也可能会发生一个警告Can't resolve 'hls.js' in 'D:\MyProject\private-ashcan\fro ...
| ❌ | no issue | - Vue-APlayer - 🍰 Easy-to-config music player for Vue 2.x. | ❌ | no issue | - vue-audio - audio-tag wrapper; sound player component for Vue 2.x | ❌ | no issue | - vue-dplayer - A Vue 2.x video player component based on DPlayer. | ❌ | ...
vue中使用aplayer插件做一个网页音乐播放器 我们在浏览网页的时候,时常会看到一些网页音乐播放器,本文以vue为例,使用aplayer插件,做一个简单的网页播放器。我们先看一下效果图效果图正常模式吸底模式当然还有迷你模式,就是能隐藏的都隐藏,这里不赘述,做相应配置就会出现对应效果。注意,吸底模式会出现上一曲下一曲按钮...
简介:一个 Vue3 + Node 快速生成漂亮的在线相册的项目,纯前端的项目,不需要开发后端,没有数据库,只需要把照片丢进去,Git提交一下站点就出来了。 这几年疫情反复不断,距离上一次我拿起相机甚至可以追溯到两年前,实在是泪目。既然不能出去拍照,那只能继续宅着敲代码度日了,于是就有了这个在线相册的小项目,用来...