2. 引用APlayer组件# 找到你的需要放APlayer组件的地方,比如我放在Dashboard这个页面: 这里标签用APlayer是因为我们引入的组件是APlayer.vue 附上简易代码: <template><divclass="dashboard"><divclass="music163"><APlayer></APlayer></div></div></template><sc
cdvue3-aplayer AI代码助手复制代码 集成APlayer 1. 引入APlayer 在Vue3项目中,我们可以在组件中引入APlayer。首先,在src/components目录下创建一个新的组件文件AudioPlayer.vue。 <template></template>importAPlayerfrom'aplayer';import'aplayer/dist/APlayer.min.css';exportdefault{name:'AudioPlayer',mounted() {...
在Vue 3中自定义封装一个音频播放组件是一个常见的需求,可以通过多种方式实现,比如使用原生的HTML5 <audio> 元素、JavaScript的Audio API,或者集成第三方音频播放库如APlayer。下面是一个基于APlayer插件的自定义封装音频播放组件的示例。 步骤一:安装APlayer 首先,确保你已经安装了APlayer插件。你可以通过npm或...
引入依赖 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 ...
"@worstone/vue-aplayer": "^1.0.4", "aplayer": "^1.10.1", "axios": "^1.1.3", "element-plus": "^2.2.18", "fetch-jsonp": "^1.2.3", "pinia": "^2.0.23", "pinia-plugin-persistedstate": "^3.0.0", "swiper": "^9.3.2", "vue": "^3.3.4", "vue3-aplayer": "^1.7.3...
Vue中使用 Aplayer 和 Metingjs 添加音乐插件 1、Aplayer和Metingjs 的文档 2、使用方式 3、完整API 4、总结 5、最后的话 1、Aplayer和Metingjs 的文档 Aplayer官网文档Metingjs官网文档 2、使用方式 在public 目录下的 index.html 中引入核心依赖 1. 2. 3. 4. 5. 在需要使用的地方直接引入核心组件...
引言 自己弄新版博客想用APlayer,到github看了一圈没见有vue3版本的,所以就用基于Aplayer组件化了下,顺带看了下Meting.js,用Meting.js的服务去获取指定歌曲,详见代码 参考: https://github.com/DIYgod/APlayer https://ap
| ❌ | 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插件也可以实现音乐播放和歌词滚动,但是只有对应的Vue2.x版本 npm下载aplayer插件 下载hls.js:
简介:一个 Vue3 + Node 快速生成漂亮的在线相册的项目,纯前端的项目,不需要开发后端,没有数据库,只需要把照片丢进去,Git提交一下站点就出来了。 这几年疫情反复不断,距离上一次我拿起相机甚至可以追溯到两年前,实在是泪目。既然不能出去拍照,那只能继续宅着敲代码度日了,于是就有了这个在线相册的小项目,用来...