JSFiddle - React, Tailwind, and code Playground

by D S

HTML

<a href="https://www.youtube.com/watch?v=U9tZ3TvRaVI" target="_blank" title="jQuery Audio Player Video"><img src="http://www.danialsabagh.com/singleaudioplayer/resources/watchVideoThumb.png" alt="jQuery Audio Player" /></a>
<br>
<p>jQuery Audio Player is a minimized web plugin based on HTML5. It supports different forms of audio streaming, such as audio mp3, ogg, radio live streaming and SoundCloud playback.</p>
<p>It is extremely lightweight and easy to use. It only requires one line of code to embed in the web page.</p>
<p>This plugin also comes in different sizes and its transparent design match it with any design and web template. It contains a powerful API that makes it easy to customize each player.</p>
<b>Features:</b>
<ul>
  <li>Clean Interface</li>
  <li>Easy to Use</li>
  <li>HTML5 Audio</li>
  <li>Radio / Live Streaming</li>
  <li>SoundCloud Playback</li>
  <li>Powerful API</li>
  <li>Multiple Sizes</li>
  <li>Detailed Documentation</li>
  <li>Multiple Instances in the Same Page</li>
  <li>Cross Browser</li>
  <li>Fully Responsive</li>
  <li>Social Networks Integrated</li>
  <li>Keyboard Play/Pause Control</li>
  <li>Automatically pauses/stops playback when a new sound is started</li>
  <li>SoundCloud: Automatic fetch title, Artists’ Names and Artwork</li>
  <li>Circular Progress Bar</li>
  <li>Modern, Touch-Friendly</li>
  <li>No Coding Skills Required</li>
  <li>Easy to get started, Deploy in Minutes</li>
</ul>
<img src="http://www.danialsabagh.com/singleaudioplayer/resources/LiveFeature.png" alt="jQuery HTML5 Radio Player" align="right"/>
<p><b>Options:</b> Each player can be customised separately through the plugin API.</p>
<ul>
  <li>Autoplay Option</li>
  <li>Direct Music Download Option</li>
  <li>Apple and Amazon Music</li>
  <li>Artwork Blurriness Control</li>
  <li>Editable Title, Artist's Name, Artwork Image</li>
</ul>
<img src="http://www.danialsabagh.com/singleaudioplayer/resources/ShareFeature.png" alt="jQuery HTML5 Audio Player"...