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>

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="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="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="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="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="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="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="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="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="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="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="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="play0" src="https://www.soundjay.com/misc/magic-chime-02.wav

"></audio> <button id="a" onclick="playSound0()">*</button>

<strong>To Play the Song above only play the lettered buttons. <br /><br />The Yellow Notes below are for the G Scale</strong></div>

<strong>Thanks I Hope You Enjoy!!!</strong></div>

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>

Search This Blog

Free Code Examples