Vue-APlayer 是一个轻量级的 Vue.js 音视频播放器,尤其适合播放音频文件。它基于 APlayer 库封装,提供简单的 API 和丰富的配置选项。 特点: 轻量级:适合音频播放,体积小。 简洁的界面:默认界面简洁美观。 易于集成:简单的配置和使用方法。 使用步骤: 安装:npm install vue-aplayer 引入并注册组件: import Vue fro...
第一步,npm下载aplayer插件:cnpm install aplayer --save 第二步,搭配下载hls.js:cnpm i hls.js --save 第三步,在需要使用的页面引入插件,也要引入插件的样式 代码如下 直接复制粘贴即可看到效果: <template> aplayer播放器 <!-- 准备一个容器用来存放音乐播放器 --> </template> import APlayer ...
在Vue中使用音乐播放器的插件有许多选择,1、Vue-APlayer,2、Vue-Audio-Player,3、Vue-Music-Player,4、Vue-Audio-Visualizer,5、Vue-Sound-Player。这些插件各有特色,适用于不同的应用场景。 一、Vue-APlayer Vue-APlayer 是一个基于 APlayer 的 Vue 组件,提供了丰富的功能和简单的使用方式。以下是其主要特点: ...
https://aplayer.js.org/#/zh-Hans/ 补充vue-aplayer 另外再补充一个也还可以的,功能和这个aplayer插件类似的音频播放插件,不过个人觉得aplayer插件更加好用。 vue-aplayer官方文档地址 https://github.com/SevenOutman/vue-aplayer/blob/develop/docs/README.zh-CN.md...
Aplayer是一个功能强大的HTML5音乐播放器, 开源地址:https://github.com/DIYgod/APlayer 在线文档:https://aplayer.js.org/#/zh-Hans/ 🥚 2-2、MetingJS插件 Metingjs基于Aplayer插件封装好的插件,开箱即用。 开源地址:https://github.com/metowolf/MetingJS ...
第一步,npm下载aplayer插件:cnpm install aplayer --save 第二步,搭配下载hls.js:cnpm i hls.js --save 第三步,在需要使用的页面引入插件,也要引入插件的样式 代码如下 直接复制粘贴即可看到效果: <template> aplayer播放器 <!-- 准备一个容器用来存放音乐播放器 --> </template> import APlayer...
第一步,npm下载aplayer插件:cnpm install aplayer --save 第二步,搭配下载hls.js:cnpm i hls.js --save 第三步,在需要使用的页面引入插件,也要引入插件的样式** 代码如下 直接复制粘贴即可看到效果: <template>aplayer播放器<!-- 准备一个容器用来存放音乐播放器 --></template>importAPlayerfrom"APlayer";/...
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...
在vue的官网上看到vue-aplayer这个音乐播放器的插件,由于个人有比较喜欢音乐,所以就拿过来玩一玩,感觉还是比较实用的,界面美观。 首先,我们先安装 npm install vue-aplayer --save ,之后在组件中引入 import VueAplayer from 'vue-aplayer',下面就是源码,可供参考: ...
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'APlayer/dist/APlayer...