# vue-audio-play

> ## Demo ```html ```

Latest version **0.1.6** (published 2019-03-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-audio-play
pnpm add vue-audio-play
yarn add vue-audio-play
bun add vue-audio-play
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.6 |
| Published | 2019-03-28 |
| First published | 2019-03-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 8 |
| Unpacked size | 4.2 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Joy Liu |
| Maintainers | joy12 |

## Links

- npm: https://www.npmjs.com/package/vue-audio-play
- Homepage: https://github.com/LiuJun0/vue-audio-play.git
- npm.io page: https://npm.io/package/vue-audio-play

## Dependencies (8)

- [vue](https://npm.io/package/vue.md) ^2.6.6
- [vuex](https://npm.io/package/vuex.md) ^3.0.1
- [lodash](https://npm.io/package/lodash.md) ^4.17.11
- [reset-css](https://npm.io/package/reset-css.md) ^4.0.1
- [vue-router](https://npm.io/package/vue-router.md) ^3.0.1
- [tslint-loader](https://npm.io/package/tslint-loader.md) ^3.5.4
- [vue-class-component](https://npm.io/package/vue-class-component.md) ^6.0.0
- [vue-property-decorator](https://npm.io/package/vue-property-decorator.md) ^7.0.0

## Recent versions

- 0.1.6 (latest) — 2019-03-28
- 0.1.5 — 2019-03-28
- 0.1.4 — 2019-03-28
- 0.1.3 — 2019-03-28
- 0.1.2 — 2019-03-28
- 0.1.1 — 2019-03-28
- 0.1.0 — 2019-03-28

## README

# vue-audio-play

## Demo
```html
<vue-audio-play :value="value" :audioStyle="costomeStyle">
    <!-- Slot -->
</vue-audio-play>
```

## Install
```shell
npm install vue-audio-play -S

# or
yarn add vue-audio-play
```

## Quick Start
``` javascript
import VueAudioPlay from 'vue-audio-play'

import 'vue-audio-play/dist/vue-audio-play.css';

Vue.use(VueAudioPlay)

// or
import VueAudioPlay from 'vue-audio-play'

import 'vue-audio-play/dist/vue-audio-play.css';

export default {
    components: {
        VueAudioPlay
    }
}
```
## Slot （Optional）
```html
<span slot="option1">Edit</span> 
<span slot="option2">Delete</span> 
```

## Params
<table>
    <thead>
        <tr>
            <th>Parameter</th>
            <th>Explain</th>
            <th>Type</th>
            <th>Required</th>
            <th>Default value</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>value</td>
            <td>source url and file name</td>
            <td>Object</td>
            <td>Yes</td>
            <td>-</td>
        </tr>
        <tr>
            <td>audioStyle</td>
            <td>audio container style</td>
            <td>Object</td>
            <td>No</td>
            <td>{ width: '320px' }</td>
        </tr>
    </tbody>
</table>

## LICENSE
[MIT](LICENSE)

---
_Source: https://npm.io/package/vue-audio-play · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._