explanation of the code contained in PianoBaul.html



PianoBaul.html.

  1. This is an HTML file:
    <!DOCTYPE html>
    <html>
  2. With a header :
    <head>
    <title>PianoBaul</title>
    <meta charset="UTF-8" />
    <meta name=viewport content="width=device-width, initial-scale=1">
  3. Which calls a javascript page and a css page :
    <script type="text/javascript" src="PianoBaul/adresse.js"></script>
    <link rel="stylesheet" href="PianoBaul/adresse.css"/>
    </head>
  4. We open the body of the page with :
    <body>
  5. And we create a place where to generate audio files :
    <div id='basewave1'> </div>
  6. We create a place for each sound with two functions, the identity function which will be able to trigger the javascript according to the action, and a css address with a name that allows to draw the place of action:
    <div id="b1v" class="place1"></div>
    In line the identity is b1v and the drawing is that of place1 determined in the file css, we repeat 49 times this line to get 49 notes of music, changing names and drawings
  7. We call the javascript file adn1.js which contains the 49 acoustic bricks :
    <script type="text/javascript" src="PianoBaul/adn1.js"></script>
  8. We call the javascript file adapt1.js which is used to create the header of the audio files to meet the standards:
    <script type="text/javascript" src="PianoBaul/adapt1.js"></script>
  9. We call the javascript file adapt.js which is a table containing all possible responses to avoid asking the computer to do calculations:
    <script type="text/javascript" src="PianoBaul/adapt.js"></script>
  10. We call the javascript file joa.js which is used to transform the audio format abadie.adn into audio format abadie.joa:
    <script type="text/javascript" src="PianoBaul/joa.js"></script>
  11. We call the javascript file act1.js which is used to transform the audio format abadie.joa into audio format imitating current technologies :
    <script type="text/javascript" src="PianoBaul/act1.js"></script>
  12. We call the javascript file back1.js which serves to track the events that happen on the html page (mouse, keyboard ...) :
    <script type="text/javascript" src="PianoBaul/back1.js"></script>
  13. We close the body and html page with :
    </body>
    </html>

adresse.js

adresse.css