Usage no npm install needed!

<script type="module">
  import gWaveSurfer from 'https://cdn.skypack.dev/5g-wave-surfer';
</script>

README

使用方式

只需要传入 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>