# 5g-wave-surfer

> 拖拽区域实例 只允许 单次

Latest version **1.0.7** (published 2021-04-04) · ISC license · 0 weekly downloads

## Install

```sh
npm install 5g-wave-surfer
pnpm add 5g-wave-surfer
yarn add 5g-wave-surfer
bun add 5g-wave-surfer
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2021-04-04 |
| First published | 2021-01-31 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 9.7 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | cwj |
| Maintainers | chengweijie |

## Links

- npm: https://www.npmjs.com/package/5g-wave-surfer
- npm.io page: https://npm.io/package/5g-wave-surfer

## Recent versions

- 1.0.7 (latest) — 2021-04-04
- 1.0.6 — 2021-02-07
- 1.0.5 — 2021-02-07
- 1.0.4 — 2021-01-31
- 1.0.3 — 2021-01-31
- 1.0.2 — 2021-01-31
- 1.0.1 — 2021-01-31
- 1.0.0 — 2021-01-31

## 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>

---
_Source: https://npm.io/package/5g-wave-surfer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._