adding equalizer to my page

[maarten82]

Hello everyone,

I am creating a website and i would like to display a music equalizer with a short music.
i have found this website where they explane how to do it, i have tried to ad this but i just don't get it to work.
this is the website: http://www.bestofjqueryplugins.com/p...sic-equalizer/

what am i doing wrong and can somebody explane me how to ad this?

thanks.

p.s: sorry for the dutchie english.

maarten.

[Acorn]

The site does not show how you add in jQuery itself.
You need to download the jQuery plugins and CCS script and upload these to a folder on your site; the root folder is good enough but you can create a js, css and music sub-folder hierarchy. The files you need are jquery.reverseorder.js, jquery.equalizer.js & equalizer.css.

I would add the following to the page HTML code (head):

<link rel="stylesheet" href="css/jquery.equalizer.css" />

<script type="text/javascript">
  if(typeof jQuery=="undefined")    {
     var jQsrc="http://code.jquery.com/jquery-latest.min.js";
     document.write(unescape("%3Cscript src='"+jQsrc+"' type='text/javascript'%3E%3C/script%3E"));
     }
</script>

<script type="text/javascript" src="js/jquery.reverseorder.js"></script>
<script type="text/javascript" src="js/jquery.equalizer.js"></script>


<script type="text/javascript">// <![CDATA[
  $(document).ready(function() {

  });
// ]]>
</script>

On your page, create a Box. In the Box's Placeholder HTML body (code), you would add and modify:

<div id="equalizer">
<audio autoplay controls loop>
         <source src="music/Enigma_Endless-Quest.ogg" type='audio/ogg'>
         <source src="music/Enigma_Endless-Quest.mp3" type='audio/mpeg'>    
     </audio>
</div>

Acorn

[maarten82]

The site does not show how you add in jQuery itself.
You need to download the jQuery plugins and CCS script and upload these to a folder on your site; the root folder is good enough but you can create a js, css and music sub-folder hierarchy. The files you need are jquery.reverseorder.js, jquery.equalizer.js & equalizer.css.

I would add the following to the page HTML code (head):

<link rel="stylesheet" href="css/jquery.equalizer.css" />

<script type="text/javascript">
  if(typeof jQuery=="undefined")    {
     var jQsrc="http://code.jquery.com/jquery-latest.min.js";
     document.write(unescape("%3Cscript src='"+jQsrc+"' type='text/javascript'%3E%3C/script%3E"));
     }
</script>

<script type="text/javascript" src="js/jquery.reverseorder.js"></script>
<script type="text/javascript" src="js/jquery.equalizer.js"></script>


<script type="text/javascript">// <=!=[=C=D=A=T=A=[
  $(document).ready(function() {

  });
// ]=]=>
</script>

On your page, create a Box. In the Box's Placeholder HTML body (code), you would add and modify:

<div id="equalizer">
<audio autoplay controls loop>
         <source src="music/Enigma_Endless-Quest.ogg" type='audio/ogg'>
         <source src="music/Enigma_Endless-Quest.mp3" type='audio/mpeg'>    
     </audio>
</div>

Acorn

thanks for your help. i will try this.

greets maarten.