vue-audio-player 音频播放器

最新推荐文章于 2024-06-07 09:45:28 发布
最新推荐文章于 2024-06-07 09:45:28 发布
阅读量5.7k 收藏 7
点赞数 1
文章标签： vue.js 音视频 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tsqjxy/article/details/125431853
版权
本文介绍了Vue音频播放器组件vue-audio-player，它支持Vue2和Vue3，具备简单实用、高通用性的特点，允许用户进行进度条拖拽操作，同时兼容PC和移动端。组件还提供了详细的文档和示例。
摘要由CSDN通过智能技术生成

Vue 音频播放器组件

特性

支持 Vue2 和 Vue3
简单实用
通用性高
支持进度条拖拽
支持 PC 端和移动端
完善的文档和示例

使用

第一步

npm i -S @liripeng/vue-audio-player

第二部

// 全局引入
import AudioPlayer from '@liripeng/vue-audio-player'

Vue.use(AudioPlayer)

或者

// 局部引入
import AudioPlayer from '@liripeng/vue-audio-player'

components: {
最低0.47元/天 解锁文章
powerful*！
关注
Vue-Audio-Player 开源项目安装与使用指南
gitblog_00811的博客
08-08 1062
Vue-Audio-Player 开源项目安装与使用指南 vue-audio-playerCompact, simple and practical PC mobile audio player components（小巧简单实用的 PC 移动端的 Vue 音频播放器组件）项目地址:https://gitcode.com/gh_mirrors/vu/vue-audio-player 项目介绍 V...
vue-audio:基本的Vue音频播放器
03-06
vue-audio:基本的Vue音频播放器
vue-audio-player使用和播放器改造
tree_ge的博客
03-15 2718
vue-audio-player使用和播放器改造
Vue实现自定义音频播放器组件
dss0225的博客
12-07 4389
Vue实现自定义组件音频播放组件
在VUE中播放音频（audio介绍与使用）
热门推荐
qq_45820271的博客
08-25 3万+
本文介绍了如何使用audio标签播放音频，并在vue2,vue3以及uniapp中使用
vue绑定html音乐播放器,Vue-audio实现音乐播放器托盘
weixin_28040125的博客
06-03 343
:src="src"ref="audio"@timeupdate="onTimeUpdate"@loadeddata="onLoad">:min="0":max="duration"v-model="progress":show-tooltip="false"class="music-player-progress"@change="handleProgressChange"@mousedo...
vue-audio-better-易于为Vue 2.x创建自定义音频播放器组件。 有灵魂的进度条。-Vue.js开发
05-27
vue-audio-better Easy to create custom audio player components for Vue.js. 一个有灵魂的进度条。 A progress bar with soul. 简单、有趣的 audio 组件，非常感谢您的 star! Simple, f vue-audio-better Easy...
vue-music-player:一款基于 Vue 的音乐播放器
05-10
vue-music-player 这是一个音乐播放器 安装 使用npm安装插件： npm i vue-music-player --save 然后，在您的 main.js 中，添加： import vueMusicPlayer from 'vue-music-player' Vue.use(vueMusicPlayer) 用法 直接...
xns-audio-player:由vue和HTMLAudioElement支持的简单的可自定义网络音乐播放器
04-28
由vue提供支持的持久音频播放器，以及来自 ， ， ， 和一些视觉效果 添加播放列表 要添加新的播放列表，请从方法或已挂接的挂钩中调用addPlaylist（）方法 ... this . addPlaylist ( { title : 'Playlist 1' , ...
vueAudiocustomStylepalyer一个audio标签自定义样式的vue组件
08-10
vueAudio-customStyle-palyer, 一个audio标签自定义样式的vue组件
vueaplayer便于配置的音乐播放器vue2组件
08-08
vue-aplayer：便于配置的音乐播放器vue2组件
vue-audio-音频标签包装器； Vue 2.x的声音播放器组件-Vue.js开发
05-27
Vue.js声音播放器Vue.js声音播放器UI。 涵盖了音频标签API并添加了更多内容。 演示在此处查看DEMO安装使用npm：npm install vue-audio-Vue.js声音播放器Vue.js声音音频播放器UI。 涵盖了音频标签API并添加了更多内容。 演示在这里查看DEMO安装使用npm：npm install vue-audio --save或bower：bower install vue-audio用法从“ vue-audio”中添加组件import VueAudio； 在模板中使用 该组件具有以下属性：文件（字符串），必填； autoPlay（布尔值），可选，默认情况下为false； 循环（布尔值），可选，默认情况下为false； 用于样式
vue 音乐播放器 视频播放器
03-17
更新上一个资源BUG,添加了网易云API,提供手机用户登录,添加朋友,MV,下载等核心功能.环境 : node.js , php, windows All . 需要下载node.js服务器 ,地址 https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=neteasecloudmusicapi
osmd-audio-player:OpenSheetMusicDisplay的音频播放扩展。 基于浏览器的音频播放器，用于MusicXML乐谱
05-02
安装npm install osmd-audio-player演示/用法基本的基本的无框架演示，仅具有播放，暂停和停止功能。 现场演示： : 来源： : Vue JS + Vuetify 更具功能的演示，具有可配置的乐器，电平控制，切换乐谱和变化的速度。...
推荐一款神器：Vue 音频播放器组件
最新发布
gitblog_00082的博客
06-07 685
推荐一款神器：Vue 音频播放器组件 vue-audio-playerCompact, simple and practical PC mobile audio player components（小巧简单实用的 PC 移动端的 Vue 音频播放器组件）项目地址:https://gitcode.com/gh_mirrors/vu/vue-audio-player 在开发网页应用时，有时我们需要集...
vue-audio-player 使用入门 解决无法在IOS上播放的问题
m0_68640362的博客
06-24 1553
vue-audio-player 使用入门 解决无法在IOS上播放的问题
VUE 音频MP3播放插件
yx1359079856的博客
05-15 3342
这里写自定义目录标题VUE 音频MP3播放插件新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片 VUE 音频MP3播放插件 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带
如何使用vue-audio-player
04-28
要使用 vue-audio-player，需要按照以下步骤进行操作： 1. 首先，在 Vue 项目中安装 vue-audio-player，可以使用 npm 或 yarn 安装。例如，可以使用以下命令进行安装： ``` npm install vue-audio-player ``` 2. 在需要使用 vue-audio-player 的 Vue 组件中，导入 vue-audio-player： ``` import VueAudioPlayer from 'vue-audio-player' ``` 3. 在模板中使用 vue-audio-player，例如： ``` <vue-audio-player src="path/to/audio.mp3"></vue-audio-player> ``` 在这个例子中，`src` 属性指定了音频文件的路径。 4. 可以通过设置 vue-audio-player 的各种属性和事件来自定义播放器的行为和外观。例如，可以设置 `autoplay` 属性来自动播放音频，或者监听 `ended` 事件来在音频播放结束时执行一些操作。 以上是使用 vue-audio-player 的基本步骤，如果需要更详细的使用说明和示例代码，可以参考 vue-audio-player 的官方文档。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值