explanation of the code contained in son_en.html



son_en.html use

son_en.html construct

  1. - We indicate that this is a html page, we open the header, with the title "Acoustic drawing" :
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dessin acoustique</title>
  2. - We indicate a link to a javascript page for actions and we close the header:
    <script type="text/javascript" src="page-scripts/son.js"></script>
    </head>
  3. - We open the html body :
    <body>
  4. - We put our cues to generate the audio files:
    <div id='basewave1'> </div>
    <div id='basewave2'> </div>
    <div id='basewave3'> </div>
    <div id='basewave4'> </div>
    <div id='basewave5'> </div>
    <div id='basewave6'> </div>
    <div id='basewave7'> </div>
    <div id='basewave8'> </div>
    <div id='basewave9'> </div>
    <div id='basewave10'> </div>
    <div id='basewave11'> </div>
    <div id='basewave12'> </div>
    <div id='basewave13'> </div>
    <div id='basewave14'> </div>
    <div id='basewave15'> </div>
    <div id='basewave16'> </div>
  5. - We indicate a page title::
    <h1>acoustic design<br>
    to the use of audio language multidirectional</h1>
  6. - We give a title associated with an identity to be able to play a sound related to the mouse:
    <h2 id="JoueLeSon1">The chair</h2>
  7. - We give an image and how it is built. We repeat the same technique for each acoustic form presented.
  8. - We indicate three techniques and call the javascript.
    <script type="text/javascript" src="page-scripts/adaptateur.js"></script>
    <script type="text/javascript" src="page-scripts/table.js"></script>
    <script type="text/javascript" src="page-scripts/jom.js"></script>
  9. - We close the html page.
    </body>
    </html>