VUE 音频MP3播放插件

安装

$ npm install vue-aplayer --save

文档：vue-aplayer

注册

//main.js

 import vueAplayer from 'vue-aplayer'Vue.use(vueAplayer)

引入组件

 <div style="width: 100%"><aplayer v-if="showPlayer" ref="videoPlayRef" :music="videoPlay" :autoplay="true"></aplayer></div>
import aplayer from 'vue-aplayer';export default {name: 'LogAuditManagement',props: {//父组件数据FleetId: Number,userId: Number,UserAccount: String,},components: {aplayer,},data() {return {label_position: 'right',dataforms: [],rowsforms: [],dialogRecent: false,showPlayer: false,videoPlay: {title: '音频',artist:'',src: '',pic: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.jpg',},

播放调用

play(){this.showPlayer = false;let ipUrl = this.$store.getters.stateBaseUrl1604 + '/' + row.filepath;// let ipUrl = "http://192.168.0.209:1604" + '/' + row.filepath;this.$nextTick(()=>{this.videoPlay.src = ipUrl;this.videoPlay.title = '录音记录音频';this.videoPlay.artist = ' ';this.showPlayer = true;})
}

效果

VUE 音频MP3播放插件相关推荐

zblog音频MP3播放器插件
简介: zblog音频MP3播放器插件在主题管理中上传并启用一款网页音频播放器,支持上传MP3或第三方MP3外链地址. 使用说明:将zba插件在zblog后台程序上传后,启用插件网盘下载地址: h ...
Vue中使用can-autoplay插件实现浏览器不支持自动播放音频时提示点击
场景 Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音): Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音)_BADAO_LIUMAN ...
vue引入音乐播放器插件
欢迎大家进群,一起探讨学习微信公众号,每天给大家提供技术干货博主技术笔记博主网站地址1 博主网站地址2 博主开源微服架构前后端分离技术博客项目源码地址,欢迎各位star vue引入音乐播放器插件 ...
Howlerjs 音频播放插件
日常的开发中,我们可能会碰到对音频操作的业务逻辑.原生的 Audio 并不是很好用,所以我们需要一个第三方的支持,这一节,我们来说说音频插件 Howler. 一.关于 Howlerjs Audio l ...
我的Android进阶之旅------Android MediaPlayer播放网络音频的实例--网络mp3播放器
上一篇写了个简单的MP3播放器 ,这次写一个可以播放网络音频资源的播放器本实例可以实现音乐播放器除了来电的时候会暂停播放,通话结束后恢复播放外,打开其他的Activity都可以继续播放音乐,享受一边 ...
php 音频顺序播放,MP3播放器音频文件不按顺序播放的解决方法，简单实用
MP3播放器对于现在的我们来说很多已经是过去了,但是我们总会有用到它的时候:当你听一些录音课程或者评书故事,亦或者使用迷你音响播放歌曲时常会发现拷贝进MP3播放器中的音频文件根本不按照你自己的想象进行 ...
jQuery三款简约MP3播放器插件
下载地址非常简约的mp3播放器插件,必须将singlemp3player.swf放在jMP3的同目录下. dd:
Java播放MP3播放音频
Java播放MP3播放音频下面我演示用jdk自带包.框架等分别展示播放mp3.等music 一.使用javafx包 AudioClip 注意jdk11以上剥离了javafx public stati ...
VUE + howler.js 播放音频
VUE2 + howler.js 播放音频自动播放 <divid="audio_btn":class="audioClass"@click=" ...

VUE 音频MP3播放插件

安装

注册

引入组件

播放调用

效果

VUE 音频MP3播放插件相关推荐

最新文章

热门文章