5g-wave-surfer 中文文档教程

发布于 4年前 浏览 31 更新于 3年前

使用方式

只需要传入 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>
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文