Crear un reproductor de audio Circular Html5 con jQuery - Player.js

Tamaño del archivo:	503 KB
Total de visitas:	8054
Última actualización:	21/05/2017 02:31:00 UTC
Fecha de publicación:	20/05/2017 05:50:25 UTC
Página web oficial:	Ir al sitio web

Player.js es un plugin jQuery pequeño y fácil de usar que se utiliza para crear reproductores de audio HTML5 mínimos, limpios y circulares para tus archivos de música y audio. Viene con una suave basado SVG barra de progreso que el auto hasta la fecha s cuando se juega.

Cómo usarlo:

1. Incrustar un reproductor de audio HTML5 en la página web.

<div class = "mediPlayer">

<audio class = "listen" preload = "none" data-size = "250" src = "sound.mp3"> </audio>

</div>

2. Cargue la progres-bar.cssbarra de progreso de SVG.

<link rel = "hoja de estilo" href = "progres-bar.css">

3. Cargue la biblioteca de jQuery JavaScript y la que se encuentra player.jsen la parte inferior de la página web.

<script src = "// code.jquery.com/jquery.min.js"> </script>

<script src = "player.js"> </script>

4. Active el reproductor de audio circular llamando a la función en el contenedor superior.

$ ('. mediPlayer'). mediaPlayer ();