Play and Learn Sax

Tap the letters above each note to play the song When the Saints go Marching In



Play and Learn Saxophone

Learn to Play Sax













To Play the Song above only play the lettered buttons.

The Yellow Notes below are for the G Scale
Thanks I Hope You Enjoy!!!


 

SourceCode


HTML with CSS and JavaScript


<html>
    <head>
        <title>Play and Learn Saxophone</title>
    </head>
    <style>
        .box { position: relative; width : 450px; height: 600px; border: 0px solid #CCC;border-radius:0px; background: url("https://i.pinimg.com/236x/a8/05/0d/a8050db6324569efe2b022d1d0230572.jpg ");background-size: 390px,200px ; } 

button {
     width:17px;
     height:30px;
     border-width:2px;
     border-style: solid;
     border-color:black;
     background-color:#ff00ff;
     border-radius:100% ;
     text-align:center;
     font-size:20px;
     padding: 1px 1px;}
     
#a {
     width:15px;
     height:20px;
     border-width:1px;
     border-style: solid;
     border-color:black;
     background-color:pink;
     border-radius:100% ;
     text-align:center;
     font-size:20px;
     padding: 1px 1px;}
     
     
#b {
     width:40px;
     height:50px;
     border-width:1px;
     border-style: solid;
     border-color:black;
     background-color:yellow;
     border-radius:100% ;
     text-align:center;
     font-size:20px;
     padding: 1px 1px;}


    </style>
    <body>
        <div class="box">
 <h2 style="text-align: center;">
Learn to Play Sax</h2>
<audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
    <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
      <audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3
 "></audio> <button onclick="playSound7()">G</button>
        
 <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3
 "></audio> <button onclick="playSound2()">B</button>
     
 <audio id="play3" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0580.mp3"></audio><button onclick="playSound3()">C</button>
 <audio id="play4" src=" http://88.198.78.90/ct/files/mp3/alto_saxophone/0587.mp3"></audio> <button onclick="playSound4()">D</button>
     <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3
 "></audio> <button onclick="playSound7()">G</button>
        
 <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3
 "></audio> <button onclick="playSound2()">B</button>
     
 <audio id="play3" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0580.mp3"></audio> 
 <button onclick="playSound3()">C</button>
 <audio id="play4" src=" http://88.198.78.90/ct/files/mp3/alto_saxophone/0587.mp3
 "></audio> <button onclick="playSound4()">D</button>

 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
  <audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3
 "></audio> <button onclick="playSound7()">G</button>
        
 <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3
 "></audio> <button onclick="playSound2()">B</button>
     
 <audio id="play3" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0580.mp3"></audio><button onclick="playSound3()">C</button>
 <br /><br /><br />
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play4" src=" http://88.198.78.90/ct/files/mp3/alto_saxophone/0587.mp3"></audio> <button onclick="playSound4()">D</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3
 "></audio> <button onclick="playSound2()">B</button>
  <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3"></audio> <button onclick="playSound7()">G</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3"></audio> <button onclick="playSound2()">B</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play1" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0571.mp3
 "></audio> <button onclick="playSound1()">A</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
  <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3"></audio> <button onclick="playSound2()">B</button>
  
  <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3"></audio> <button onclick="playSound2()">B</button>
  
  
  <audio id="play1" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0571.mp3
 "></audio> <button onclick="playSound1()">A</button>
  <br /><br /><br />
  
   <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3"></audio> <button onclick="playSound7()">G</button>
  <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3"></audio> <button onclick="playSound7()">G</button>
 <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3"></audio> <button onclick="playSound2()">B</button>
  
  
  
  
   <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button> 
 <audio id="play4" src=" http://88.198.78.90/ct/files/mp3/alto_saxophone/0587.mp3"></audio> <button onclick="playSound4()">D</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button> 
 <audio id="play4" src=" http://88.198.78.90/ct/files/mp3/alto_saxophone/0587.mp3"></audio> <button onclick="playSound4()">D</button>
 <audio id="play3" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0580.mp3"></audio><button onclick="playSound3()">C</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
  <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3
 "></audio> <button onclick="playSound2()">B</button>
     
 <audio id="play3" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0580.mp3"></audio><button onclick="playSound3()">C</button>
 <br /><br /><br />
  <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play4" src=" http://88.198.78.90/ct/files/mp3/alto_saxophone/0587.mp3"></audio> <button onclick="playSound4()">D</button>
 <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
  <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3
 "></audio> <button onclick="playSound2()">B</button>
  <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3"></audio> <button onclick="playSound7()">G</button>
  <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
  <audio id="play1" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0571.mp3
 "></audio> <button onclick="playSound1()">A</button>
  <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
  <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
  <audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3"></audio> <button onclick="playSound7()">G</button>
  
   <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
  <audio id="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav
 "></audio> <button id="a" onclick="playSound0()">*</button>
 <br /><br /><br />
 <div style="font-size: 25px;">
<strong>To Play the Song above only play the lettered buttons. <br /><br />The Yellow Notes below are for the G Scale</strong></div>
<audio id="play7" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0565.mp3"></audio> <button id="b" onclick="playSound7()">G</button>
 <audio id="play1" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0571.mp3 "></audio> <button id="b" onclick="playSound1()">A</button>
  <audio id="play2" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0577.mp3"></audio> <button id="b" onclick="playSound2()">B</button>
 <audio id="play3" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0580.mp3"></audio><button id="b" onclick="playSound3()">C</button>
  <audio id="play4" src=" http://88.198.78.90/ct/files/mp3/alto_saxophone/0587.mp3"></audio> <button id="b" onclick="playSound4()">D</button>
 <audio id="play5" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0594.mp3"></audio> <button id="b" onclick="playSound5()">E</button>
 <audio id="play6" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0597.mp3"></audio> <button id="b" onclick="playSound6()">F</button>
  <audio id="play8" src="http://88.198.78.90/ct/files/mp3/alto_saxophone/0604.mp3"></audio> <button id="b" onclick="playSound8()">G</button>
  <div style="font-size: 30px;">
<strong>Thanks I Hope You Enjoy!!!</strong></div>
<script>
     function playSound0 () { document.getElementById('play0').play(); }

function playSound1 () { document.getElementById('play1').play(); }

function playSound2 () { document.getElementById('play2').play(); }

function playSound3 () { document.getElementById('play3').play(); }

function playSound4 () { document.getElementById('play4').play(); }

function playSound5 () { document.getElementById('play5').play(); }

function playSound6 () { document.getElementById('play6').play(); }

function playSound7 () { document.getElementById('play7').play(); }

function playSound8 () { document.getElementById('play8').play(); }

 </script>
    </div>
</body>
</html>





Comments

Popular posts from this blog