fraudio

jQuery Audio Player - simple styling and simple to use

Installation (npm)

• npm i fraudio

Usage

1. Include jquery, fraudio.js and fraudio.css on your page
2. Use the fraudio class and the data-title & data-artist attributes on an audio element:

<audio class="fraudio" 
	src="/audio/Mozart_Divertimento.mp3" 
	data-title="Divertimento in D major K. 136 (III. Presto)" 
	data-artist="Wolfgang Amadeus Mozart"
	></audio>

• You can also turn any audio element into a fraudio element with $(element).fraudio();
• To turn on sequential autoplay, so that each audio will automatically play one after another, change the sequential_autoplay setting:

$.fn.fraudio.sequential_autoplay = true;

Extending & Debugging

• Download the code with git clone https://github.com/freddyouellette/fraudio
• run npm run build in the base directory to compile dist/ files. Run npm run watch to automatically compile as you're coding.

Problems, Questions, Suggestions?

• I encourage all issues or suggestions to be submitted through the Issues tab on GitHub.
• Pull requests are welcome.

Links

• github repository
• npm package
• MIT License

Support Me

Bitcoin: bc1qs39glh9cwsef0qv40dny6ajnweqe2le7ynfgr2

Ethereum: 0x5Baba8708b8676afBFF2974b4af4894Fc12aE242