5g-wave-surfer 中文文档教程
使用方式
只需要传入 audioUrl 就可以
安装
yarn add wavesurfer.js
yarn add 5g-wave-surfer
在项目中使用 (不传链接和 file 有一个默认的音频文件加载;不能传空)
<template>
<div id="Wavesurfer">
<WavesurferCeshi :audioUrl='audioUrl' />
</div>
</template>
<script>
import WavesurferCeshi from '5g-wave-surfer';
export default {
name: 'Wavesurfer',
components: { WavesurferCeshi },
data () {
return {
audioUrl:'不能为空'
};
},
mounted () {
},
methods: {}
};
</script>
<style lang="scss">
#Wavesurfer {
}
</style>