https://github.com/link2twenty/wave-player

Polymer V1 audio player using wavesurfer.js
https://github.com/link2twenty/wave-player

Last synced: 8 days ago
JSON representation

Polymer V1 audio player using wavesurfer.js

• Host: GitHub
• URL: https://github.com/link2twenty/wave-player
• Owner: Link2Twenty
• Created: 2015-07-12T00:11:54.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-02-01T16:05:10.000Z (almost 7 years ago)
• Last Synced: 2024-11-10T11:40:24.330Z (10 days ago)
• Language: HTML
• Homepage: http://link2twenty.github.io/wave-player
• Size: 18.7 MB
• Stars: 6
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# < wave-player >

⚠️ DEPRECATED: This project is no longer actively developed ⚠️

Check out the components page [HERE](http://link2twenty.github.io/wave-player)

![ScreenShot](http://media.giphy.com/media/3oEduUPRhku9FpetlS/giphy.gif)

## Attributes

| Attribute Name | Functionality | Default |

|----------------|-------------|-------------|

| wavecolor | Color of the wave | #ffffff |

| progresscolor | Color of the portion of the wave already player | #CFD8DC |

| src* | location of the audio file |  |

| lean | which side do you want the button on | left |

| name | Name of audio to be displayed |  |

| title | Specific title, to be displayed smaller |  |

| coverart | location of cover art | art.jpg |

required*

## How to use

If you are looking at useing other peoples custom polymer elements I am going to guess you have some idea what's going on already. If not have a look at the [polymer site](http://polymer-project.org).

Put a link to wave player in your header, it should look something like.

```html

```

Now that you have imported it you can get to using it on your page

```html

```

## Special thanks

- Wave form visualizer - [wavesurfer.js](http://wavesurfer-js.org/)

- Prateek Jadhwani - [prateekjadhwani](https://github.com/prateekjadhwani)