How to use the player

1. Copy files of player to the web site, where you want to store your audio files.

2. Copy lines of embedded code to your html page - src of the iframe has to point to player.html file on your web site

       <div style="position:relative;top:0em">
           <div id="hiddenSoundBar" class="sound-bar-wrapper" onclick="showHide(this)">
               <div style="margin-top:0.4em">  
                   <div class="div-wrapper"><div class="samples" id="sample-arrow"></div></div>
                   <div class="files-wrapper">
                       <iframe id="soundBar" src="https://your.site/player.html" class="sound-bar" scrolling="no"></iframe>
                   </div>
               </div>
           </div>
       </div>
           

   style formatting can be kept in a separate file

       .sound-bar {
           padding: 0.1em 0em;
           color: black;
           border: none;
           height:20em;
           margin:0 2em;
           padding:0;
           width: 100%;
           vertical-align:top;
           margin-top:-1.27em;
       }
   
       .sound-bar-wrapper {
           background-color:#258adc;
           font-size: 3em;
           width:100%;
           transition: height 1s;
           height:1.27em;
           z-index:3;
           overflow: hidden;
           display:block;
           text-align:center;
           padding:0;
           margin-top:0.4em
       }
       .div-wrapper {
           display:inline-block;
           position:relative;
           z-index:5;
           margin-right:21em;
           padding:0;
           width:5em;
           margin-top:-0.2em;
       }
       .span-button {
           background:white;
           padding:0.2em 1em;
           border-radius: 2em;
           color: gray;
           font-size:0.5em;
           display:inline-block;
           cursor:pointer;
       }
       .padding-one {
           padding:0 1em;
       }
       .files-wrapper {
           width:100%;
           height:20em;
           margin-right:-21em;
           background-color:#eeeeee;
           margin-top:0.3em;
       }
           

   result should look like this:

3. There is a configuration file audio-config.ini in config directory

   You can change the directory, where are stored your audio files by chnging dir property in audio section

4. There is a simple password protected upload tool in upload directory as well

   You can add new users to the list of users adding their name and password sha256 encoded.

   You can use http://www.sha1-online.com/ to get an encoded sha256 password.