Skip to content

Latest commit

 

History

History
66 lines (50 loc) · 2.1 KB

README_Player.md

File metadata and controls

66 lines (50 loc) · 2.1 KB
Raw

Sticky & Inline Responsive HTML5 Audio Player with jQuery

demo demo2

Prerequisites

jQuery 1.3+

Demo

LIVE DEMO

Quick start

Include CSS And JS Files

  1. Include Files:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/stickyaudioplayerjquery.min.css">
<script src="js/stickyaudioplayerjquery.min.js"></script>
  1. Scope
 var player; // declare it outside to use methods after
 $(document).ready(function()
  {
  player = $.stickyAudioPlayer(
    {
      url:'http://tiendasdigitales.net/github/stickyaudioplayerjquery/bensound-goinghigher.mp3',
      position:'bottom',
      text:'Bensound - Going Higher - Music: http://www.bensound.com',
      image:'http://tiendasdigitales.net/github/stickyaudioplayerjquery/images/cover.png',
      maxWidth:1000
     }
   );
 });

METHODS

player.changeAudio('myfile.mp3','song text','mycover.png'); Replace current song
player.setVolume(100);	Change Player volume from 0 to 100
player.mute();	Mute audio
player.unmute();	Unmute Audio
player.pause();	
player.stop();	
player.play();	
player.show();	Open Sticky Player (not valid for inline position)
player.hide();	Hide Sticky Player (not valid for inline position)
player.remove();	Remove audio player from the DOM

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Authors

  • Lucas G. Martinez - Initial work - Lucasato

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details