explications du code contenue dans PianoBaul.html



PianoBaul.html.

  1. C'est un fichier HTML:
    <!DOCTYPE html>
    <html>
  2. avec une entête :
    <head>
    <title>PianoBaul</title>
    <meta charset="UTF-8" />
    <meta name=viewport content="width=device-width, initial-scale=1">
  3. qui appel une page javascript et une page css :
    <script type="text/javascript" src="PianoBaul/adresse.js"></script>
    <link rel="stylesheet" href="PianoBaul/adresse.css"/>
    </head>
  4. Nous ouvrons le corps de la page avec :
    <body>
  5. et nous créons un lieu où générer les fichiers audio :
    <div id='basewave1'> </div>
  6. Nous créons un lieu pour chaque son avec deux fonctions, la fonction identité qui va pouvoir déclencher le javascript selon l'action, et une adresse css avec un nom qui permet de dessinner le lieu d'action :
    <div id="b1v" class="place1"></div>
    Dans la ligne l'identité est b1v et le dessin est celui de place1 déterminé dans le fichier css, nous répétons 49 fois cette ligne pour obtenir 49 notes de musique, en changeant les noms et les dessins
  7. Nous appelons le fichier javascript adn1.js qui contient les 49 briques acoustiques :
    <script type="text/javascript" src="PianoBaul/adn1.js"></script>
  8. Nous appelons le fichier javascript adapt1.js qui sert à créer l'entête des fichiers audio pour respecter les normes :
    <script type="text/javascript" src="PianoBaul/adapt1.js"></script>
  9. Nous appelons le fichier javascript adapt.js qui est une table contenant toutes les réponses possibles pour éviter de demander à l'ordinateur de faire des calculs :
    <script type="text/javascript" src="PianoBaul/adapt.js"></script>
  10. Nous appelons le fichier javascript joa.js qui sert a transformer le format audio abadie.adn en format audio abadie.joa :
    <script type="text/javascript" src="PianoBaul/joa.js"></script>
  11. Nous appelons le fichier javascript act1.js qui sert a transformer le format audio abadie.joa en format audio imitateur des technologies actuelles :
    <script type="text/javascript" src="PianoBaul/act1.js"></script>
  12. Nous appelons le fichier javascript back1.js qui sert à pister les événement qui se passent sur la page html (souris, clavier ...) :
    <script type="text/javascript" src="PianoBaul/back1.js"></script>
  13. Nous fermons le corps et la page html avec :
    </body>
    </html>

adresse.js

adresse.css