Socket
Socket
Sign inDemoInstall

xns-audio-player-simple

Package Overview
Dependencies
21
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 3.0.2 to 3.1.0

5

package.json
{
"private": false,
"name": "xns-audio-player-simple",
"version": "3.0.2",
"version": "3.1.0",
"description": "a simple yet powerful music player for vuejs based on xns-audio-player",

@@ -47,4 +47,3 @@ "main": "./dist/index.js",

"dependencies": {
"vue": "^3.2.31",
"vue-ionicons": "^3.0.5"
"vue": "^3.2.31"
},

@@ -51,0 +50,0 @@ "eslintConfig": {

65

README.md
# xns-audio-player-simple
A simple yet powerful music player for vuejs based on [xns-audio-player](https://github.com/xinnks/xns-audio-player "xns-audio-player")
A simple yet powerful music player for VueJs inspired by [xns-audio-player](https://github.com/xinnks/xns-audio-player "xns-audio-player")
## [Demo](https://jamesinkala.me/awesomeness "xns-audio-player-simple demo")
## [Demo](https://xaps.jamesinkala.com "xns-audio-player-simple demo")

@@ -10,4 +10,10 @@ ![xns-audio-player-simple](https://res.cloudinary.com/djx5h4cjt/image/upload/v1581286605/xns-audio-player-simple/xns-audio-player-simple-2.0.0.gif "xns-audio-player-simple")

### install
## Vue 2 Support
- Docs - [README](https://github.com/xinnks/xns-audio-player-simple/tree/87b89c3ad99e974d727f5639ad505a146e047c1d#readme)
- Last npm version - [xns-audio-player-simple@2.1.0](https://www.npmjs.com/package/xns-audio-player-simple/v/2.1.0)
## Vue 3 Support
**install**
```sh

@@ -18,21 +24,62 @@ $ npm i xns-audio-player-simple

### Import & initiate plugin on your entry js file
**Import & initiate plugin on your entry js file**
```sh
import XnsAudioPlayerSimple from 'xns-audio-player-simple'
import { createApp } from "vue";
import XnsAudioPlayerSimple from "xns-audio-player-simple";
import App from "./App.vue";
Vue.use(XnsAudioPlayerSimple)
const app = createApp(App);
app.use(XnsAudioPlayerSimple);
app.mount("#app");
```
### Example
**Import plugin inside a Vue SFC**
```sh
<xns-audio-player-simple :playlist="songs"></xns-audio-player-simple>
<script>
import XnsAudioPlayerSimple from "xns-audio-player-simple";
export default {
components: [XnsAudioPlayerSimple],
data(){
return {
playlist: [...]
}
}
}
</script>
```
**Import plugin inside a Vue SFC with the script setup sugar**
```sh
<script setup>
import XnsAudioPlayerSimple from 'xns-audio-player-simple';
import { ref } from "vue";
const playlist = ref([...]);
</script>
```
**On the template**
```sh
<xns-audio-player-simple :playlist="playlist"></xns-audio-player-simple>
```
**Supported song Object properties**
| Property | Type | Required |
| ------ | ---- | -------- |
| audio | String | true |
| artist | String | true |
| tittle | String | true |
| album | String | true |
| cover | String | true |
**Example**
```sh
export default {
data () {
return {
songs: [
playlist: [
{ audio: 'audio.mp3', artist: 'Superstar', tittle: 'Funky Disco House', album: 'Alpha Zulu', cover: 'cover-art.jpg' }, ...

@@ -39,0 +86,0 @@ ]

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc