yahya3233/audacity-sound-wizardry-tutorial
0
1<!DOCTYPE html>2<html lang="fr">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>TP1 - Production des sons avec Audacity | Acoustique du bâtiment</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="components/navbar.js"></script>12 <script src="components/footer.js"></script>13 <script src="components/sidebar.js"></script>14</head>15<body class="bg-gray-50 text-gray-800 font-sans">16 <custom-navbar></custom-navbar>17 18 <div class="container mx-auto px-4 py-8 flex flex-col md:flex-row gap-8">19 <custom-sidebar></custom-sidebar>20 21 <main class="flex-1">22 <!-- Hero Section -->23 <section class="bg-blue-600 text-white rounded-xl p-8 mb-8">24 <h1 class="text-3xl md:text-4xl font-bold mb-2">TP1 - Production des sons avec Audacity</h1>25 <p class="text-xl text-blue-100">Acoustique du bâtiment - Université Mohammed V - EST Salé</p>26 <div class="mt-6 flex items-center gap-4">27 <i data-feather="book" class="w-6 h-6"></i>28 <span>Tutoriel graphique complet</span>29 </div>30 </section>31 32 <!-- Introduction -->33 <section class="mb-12">34 <div class="bg-white rounded-xl shadow-md p-6 mb-6">35 <h2 class="text-2xl font-bold text-blue-700 mb-4 flex items-center gap-2">36 <i data-feather="info" class="w-5 h-5"></i>37 Objectif du TP38 </h2>39 <p class="mb-4">Ce TP a pour objectif de maîtriser la production de différents types de sons à l'aide du logiciel Audacity, en comprenant leurs caractéristiques acoustiques fondamentales.</p>40 <div class="bg-blue-50 border-l-4 border-blue-500 p-4">41 <p class="font-medium">À retenir :</p>42 <p>Vous apprendrez à générer des sons purs, composés, complexes ainsi que différents types de bruits, avec leurs applications en acoustique du bâtiment.</p>43 </div>44 </div>45 46 <div class="bg-white rounded-xl shadow-md p-6">47 <h2 class="text-2xl font-bold text-blue-700 mb-4 flex items-center gap-2">48 <i data-feather="cpu" class="w-5 h-5"></i>49 Logiciel utilisé50 </h2>51 <div class="flex flex-col md:flex-row gap-6 items-center">52 <div class="flex-1">53 <p class="mb-4">Audacity est un logiciel libre et gratuit d'enregistrement et d'édition audio numérique.</p>54 <ul class="list-disc pl-5 space-y-2">55 <li>Multiplateforme (Windows, macOS, Linux)</li>56 <li>Interface simple et intuitive</li>57 <li>Outils professionnels d'édition</li>58 <li>Support des plugins</li>59 </ul>60 </div>61 <div class="bg-gray-100 p-4 rounded-lg border border-gray-200">62 <img src="http://static.photos/technology/320x240/42" alt="Audacity Logo" class="w-48 h-auto rounded">63 </div>64 </div>65 </div>66 </section>67 68 <!-- Son pur -->69 <section id="son-pur" class="mb-12">70 <h2 class="text-2xl font-bold text-blue-700 mb-4 border-b-2 border-blue-200 pb-2 flex items-center gap-2">71 <i data-feather="activity" class="w-5 h-5"></i>72 Comment produire un son pur ?73 </h2>74 75 <div class="bg-white rounded-xl shadow-md p-6 mb-6">76 <h3 class="text-xl font-semibold mb-3">Définition</h3>77 <p>Un son pur est une onde sinusoïdale caractérisée par une seule fréquence fondamentale. C'est le son le plus simple acoustiquement.</p>78 79 <div class="bg-blue-50 border-l-4 border-blue-500 p-4 my-4">80 <p class="font-medium">À retenir :</p>81 <p>Un son pur ne contient qu'une seule fréquence sans harmoniques. Exemple : le diapason (440 Hz).</p>82 </div>83 84 <h3 class="text-xl font-semibold mb-3 mt-6">Tutoriel pas-à-pas</h3>85 <div class="space-y-4">86 <div class="flex gap-3">87 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">1</div>88 <p>Ouvrir Audacity et créer un nouveau projet</p>89 </div>90 <div class="flex gap-3">91 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">2</div>92 <p>Aller dans le menu <span class="font-mono bg-gray-100 px-2 py-1 rounded">Générer</span> → <span class="font-mono bg-gray-100 px-2 py-1 rounded">Ton</span></p>93 </div>94 <div class="flex gap-3">95 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">3</div>96 <p>Sélectionner <span class="font-mono bg-gray-100 px-2 py-1 rounded">Sinusoïdal</span> comme type d'onde</p>97 </div>98 <div class="flex gap-3">99 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">4</div>100 <p>Régler la fréquence à 440 Hz (La3)</p>101 </div>102 <div class="flex gap-3">103 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">5</div>104 <p>Définir la durée à 2 secondes</p>105 </div>106 <div class="flex gap-3">107 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">6</div>108 <p>Cliquer sur <span class="font-mono bg-gray-100 px-2 py-1 rounded">OK</span> pour générer le son</p>109 </div>110 </div>111 112 <div class="mt-6 bg-gray-100 p-4 rounded-lg border border-gray-200">113 <img src="http://static.photos/technology/640x360/101" alt="Capture Audacity Son Pur" class="w-full h-auto rounded">114 <p class="text-center text-sm text-gray-600 mt-2">Forme d'onde sinusoïdale typique d'un son pur dans Audacity</p>115 </div>116 117 <div class="mt-6">118 <h4 class="font-semibold mb-2 flex items-center gap-2">119 <i data-feather="alert-triangle" class="w-4 h-4 text-yellow-600"></i>120 Erreurs communes121 </h4>122 <ul class="list-disc pl-5 space-y-2">123 <li>Ne pas vérifier que l'onde générée est bien sinusoïdale</li>124 <li>Oublier de régler le niveau d'amplitude (recommandé : -3 dB)</li>125 <li>Générer plusieurs sons sur la même piste sans les séparer</li>126 </ul>127 </div>128 </div>129 </section>130 131 <!-- Son composé -->132 <section id="son-compose" class="mb-12">133 <h2 class="text-2xl font-bold text-blue-700 mb-4 border-b-2 border-blue-200 pb-2 flex items-center gap-2">134 <i data-feather="layers" class="w-5 h-5"></i>135 Comment produire un son composé ?136 </h2>137 138 <div class="bg-white rounded-xl shadow-md p-6 mb-6">139 <h3 class="text-xl font-semibold mb-3">Définition</h3>140 <p>Un son composé est la somme de plusieurs ondes sinusoïdales de fréquences différentes. C'est le cas de la plupart des sons musicaux.</p>141 142 <div class="bg-blue-50 border-l-4 border-blue-500 p-4 my-4">143 <p class="font-medium">Concept acoustique : harmoniques</p>144 <p>Un son composé contient une fréquence fondamentale et ses harmoniques (multiples entiers de la fondamentale).</p>145 </div>146 147 <h3 class="text-xl font-semibold mb-3 mt-6">Étapes de production</h3>148 <div class="space-y-4">149 <div class="flex gap-3">150 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">1</div>151 <p>Générer un premier ton sinusoïdal à 440 Hz (comme précédemment)</p>152 </div>153 <div class="flex gap-3">154 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">2</div>155 <p>Cliquer sur <span class="font-mono bg-gray-100 px-2 py-1 rounded">Nouvelle piste stéréo</span> pour ajouter une seconde piste</p>156 </div>157 <div class="flex gap-3">158 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">3</div>159 <p>Générer un second ton sinusoïdal à 880 Hz (octave supérieure)</p>160 </div>161 <div class="flex gap-3">162 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">4</div>163 <p>Sélectionner les deux pistes avec la souris</p>164 </div>165 <div class="flex gap-3">166 <div class="bg-blue-600 text-white rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0">5</div>167 <p>Aller dans <span class="font-mono bg-gray-100 px-2 py-1 rounded">Pistes</span> → <span class="font-mono bg-gray-100 px-2 py-1 rounded">Mixer et rendre</span></p>168 </div>169 </div>170 171 <div class="mt-6 grid md:grid-cols-2 gap-4">172 <div class="bg-gray-100 p-4 rounded-lg border border-gray-200">173 <img src="http://static.photos/technology/320x240/102" alt="Onde simple" class="w-full h-auto rounded">174 <p class="text-center text-sm text-gray-600 mt-2">Onde simple (440 Hz)</p>175 </div>176 <div class="bg-gray-100 p-4 rounded-lg border border-gray-200">177 <img src="http://static.photos/technology/320x240/103" alt="Onde composée" class="w-full h-auto rounded">178 <p class="text-center text-sm text-gray-600 mt-2">Onde composée (440 + 880 Hz)</p>179 </div>180 </div>181 </div>182 </section>183 184 <!-- Son complexe -->185 <section id="son-complexe" class="mb-12">186 <h2 class="text-2xl font-bold text-blue-700 mb-4 border-b-2 border-blue-200 pb-2 flex items-center gap-2">187 <i data-feather="sliders" class="w-5 h-5"></i>188 Comment produire un son complexe ?189 </h2>190 191 <div class="bg-white rounded-xl shadow-md p-6 mb-6">192 <h3 class="text-xl font-semibold mb-3">Définition</h3>193 <p>Un son complexe est un son transformé par divers effets, perdant sa forme sinusoïdale caractéristique. Ces sons sont dits "non sinusoïdaux".</p>194 195 <h3 class="text-xl font-semibold mb-3 mt-6">Effets couramment utilisés</h3>196 <div class="grid md:grid-cols-2 gap-4">197 <div class="border border-gray-200 rounded-lg p-4">198 <h4 class="font-semibold flex items-center gap-2">199 <i data-feather="repeat" class="w-4 h-4"></i>200 Réverbération201 </h4>202 <p class="text-sm mt-1">Simule l'acoustique d'un espace en ajoutant des réflexions sonores.</p>203 </div>204 <div class="border border-gray-200 rounded-lg p-4">205 <h4 class="font-semibold flex items-center gap-2">206 <i data-feather="zap" class="w-4 h-4"></i>207 Distorsion208 </h4>209 <p class="text-sm mt-1">Modifie la forme d'onde en la saturant, créant des harmoniques supplémentaires.</p>210 </div>211 <div class="border border-gray-200 rounded-lg p-4">212 <h4 class="font-semibold flex items-center gap-2">213 <i data-feather="copy" class="w-4 h-4"></i>214 Chorus215 </h4>216 <p class="text-sm mt-1">Crée un effet de plusieurs voix légèrement désaccordées.</p>217 </div>218 <div class="border border-gray-200 rounded-lg p-4">219 <h4 class="font-semibold flex items-center gap-2">220 <i data-feather="bar-chart-2" class="w-4 h-4"></i>221 Égalisation222 </h4>223 <p class="text-sm mt-1">Permet d'ajuster le niveau des différentes fréquences du son.</p>224 </div>225 </div>226 227 <h3 class="text-xl font-semibold mb-3 mt-6">Étapes de transformation</h3>228 <ol class="list-decimal pl-5 space-y-3">229 <li>Générer un son pur ou composé</li>230 <li>Sélectionner la portion audio à transformer</li>231 <li>Aller dans <span class="font-mono bg-gray-100 px-2 py-1 rounded">Effets</span> et choisir l'effet désiré</li>232 <li>Ajuster les paramètres et pré-écouter</li>233 <li>Appliquer l'effet</li>234 </ol>235 236 <div class="mt-6 grid md:grid-cols-2 gap-4">237 <div class="bg-gray-100 p-4 rounded-lg border border-gray-200">238 <img src="http://static.photos/technology/320x240/104" alt="Avant effet" class="w-full h-auto rounded">239 <p class="text-center text-sm text-gray-600 mt-2">Onde avant traitement</p>240 </div>241 <div class="bg-gray-100 p-4 rounded-lg border border-gray-200">242 <img src="http://static.photos/technology/320x240/105" alt="Après effet" class="w-full h-auto rounded">243 <p class="text-center text-sm text-gray-600 mt-2">Onde après application d'effet</p>244 </div>245 </div>246 </div>247 </section>248 249 <!-- Bruit -->250 <section id="bruit" class="mb-12">251 <h2 class="text-2xl font-bold text-blue-700 mb-4 border-b-2 border-blue-200 pb-2 flex items-center gap-2">252 <i data-feather="volume-2" class="w-5 h-5"></i>253 Comment produire un bruit ?254 </h2>255 256 <div class="bg-white rounded-xl shadow-md p-6 mb-6">257 <h3 class="text-xl font-semibold mb-3">Définition</h3>258 <p>Un bruit est un signal aléatoire contenant toutes les fréquences sans organisation particulière. Contrairement aux sons purs, il n'a pas de hauteur définie.</p>259 260 <div class="bg-blue-50 border-l-4 border-blue-500 p-4 my-4">261 <p class="font-medium">Différence entre bruit et son :</p>262 <p>Un son a une structure fréquentielle organisée (hauteur identifiable) alors que le bruit est une superposition désorganisée de fréquences.</p>263 </div>264 265 <h3 class="text-xl font-semibold mb-3 mt-6">Étapes de production</h3>266 <ol class="list-decimal pl-5 space-y-3">267 <li>Ouvrir Audacity et créer un nouveau projet</li>268 <li>Aller dans <span class="font-mono bg-gray-100 px-2 py-1 rounded">Générer</span> → <span class="font-mono bg-gray-100 px-2 py-1 rounded">Bruit</span></li>269 <li>Choisir le type de bruit (par défaut : bruit blanc)</li>270 <li>Régler l'amplitude (typiquement entre -12 et -6 dB)</li>271 <li>Définir la durée souhaitée</li>272 <li>Cliquer sur <span class="font-mono bg-gray-100 px-2 py-1 rounded">OK</span> pour générer</li>273 </ol>274 275 <div class="mt-6 bg-gray-100 p-4 rounded-lg border border-gray-200">276 <img src="http://static.photos/technology/640x360/106" alt="Bruit dans Audacity" class="w-full h-auto rounded">277 <p class="text-center text-sm text-gray-600 mt-2">Représentation typique d'un bruit dans Audacity</p>278 </div>279 </div>280 </section>281 282 <!-- Bruit blanc -->283 <section id="bruit-blanc" class="mb-12">284 <h2 class="text-2xl font-bold text-blue-700 mb-4 border-b-2 border-blue-200 pb-2 flex items-center gap-2">285 <i data-feather="wind" class="w-5 h-5"></i>286 Comment produire un bruit blanc ?287 </h2>288 289 <div class="bg-white rounded-xl shadow-md p-6 mb-6">290 <h3 class="text-xl font-semibold mb-3">Description</h3>291 <p>Le bruit blanc a un spectre plat, c'est-à-dire que toutes les fréquences ont la même énergie. C'est l'équivalent acoustique de la lumière blanche.</p>292 293 <div class="mt-4 grid md:grid-cols-2 gap-6">294 <div>295 <h4 class="font-semibold mb-2">Caractéristiques :</h4>296 <ul class="list-disc pl-5 space-y-2">297 <li>Énergie constante sur tout le spectre</li>298 <li>Perçu comme plus "aigu" que le bruit rose</li>299 <li>Utilisé pour les tests acoustiques</li>300 </ul>301 </div>302 <div class="bg-gray-100 p-4 rounded-lg border border-gray-200">303 <img src="http://static.photos/technology/320x240/107" alt="Spectre bruit blanc" class="w-full h-auto rounded">304 <p class="text-center text-sm text-gray-600 mt-2">Spectre plat caractéristique du bruit blanc</p>305 </div>306 </div>307 308 <h3 class="text-xl font-semibold mb-3 mt-6">Production dans Audacity</h3>309 <ol class="list-decimal pl-5 space-y-3">310 <li>Ouvrir le menu <span class="font-mono bg-gray-100 px-2 py-1 rounded">Générer</span> → <span class="font-mono bg-gray-100 px-2 py-1 rounded">Bruit</span></li>311 <li>Sélectionner <span class="font-mono bg-gray-100 px-2 py-1 rounded">Bruit blanc</span> comme type</li>312 <li>Régler l'amplitude entre -12 et -6 dB</li>313 <li>Définir la durée souhaitée</li>314 <li>Cliquer sur <span class="font-mono bg-gray-100 px-2 py-1 rounded">OK</span></li>315 </ol>316 </div>317 </section>318 319 <!-- Bruit rose -->320 <section id="bruit-rose" class="mb-12">321 <h2 class="text-2xl font-bold text-blue-700 mb-4 border-b-2 border-blue-200 pb-2 flex items-center gap-2">322 <i data-feather="feather" class="w-5 h-5"></i>323 Comment produire un bruit rose ?324 </h2>325 326 <div class="bg-white rounded-xl shadow-md p-6 mb-6">327 <h3 class="text-xl font-semibold mb-3">Description</h3>328 <p>Le bruit rose a un spectre descendant de -3 dB par octave, ce qui le rend plus équilibré à l'oreille que le bruit blanc.</p>329 330 <div class="bg-blue-50 border-l-4 border-blue-500 p-4 my-4">331 <p class="font-medium">Usage en acoustique du bâtiment :</p>332 <p>Le bruit rose est souvent utilisé pour les mesures acoustiques car il correspond mieux à la sensibilité de l'oreille humaine.</p>333 </div>334 335 <div class="mt-4 grid md:grid-cols-2 gap-6">336 <div>337 <h4 class="font-semibold mb-2">Comparaison avec le bruit blanc :</h4>338 <ul class="list-disc pl-5 space-y-2">339 <li>Spectre descendant (-3 dB/octave)</li>340 <li>Perçu comme plus "grave"</li>341 <li>Plus naturel à l'écoute</li>342 <li>Standard pour les tests acoustiques</li>343 </ul>344 </div>345 <div class="bg-gray-100 p-4 rounded-lg border border-gray-200">346 <img src="http://static.photos/technology/320x240/108" alt="Spectre bruit rose" class="w-full h-auto rounded">347 <p class="text-center text-sm text-gray-600 mt-2">Spectre descendant caractéristique du bruit rose</p>348 </div>349 </div>350 351 <h3 class="text-xl font-semibold mb-3 mt-6">Production dans Audacity</h3>352 <ol class="list-decimal pl-5 space-y-3">353 <li>Ouvrir le menu <span class="font-mono bg-gray-100 px-2 py-1 rounded">Générer</span> → <span class="font-mono bg-gray-100 px-2 py-1 rounded">Bruit</span></li>354 <li>Sélectionner <span class="font-mono bg-gray-100 px-2 py-1 rounded">Bruit rose</span> comme type</li>355 <li>Régler l'amplitude entre -12 et -6 dB</li>356 <li>Définir la durée souhaitée</li>357 <li>Cliquer sur <span class="font-mono bg-gray-100 px-2 py-1 rounded">OK</span></li>358 </ol>359 360 <div class="mt-6 bg-gray-100 p-4 rounded-lg border border-gray-200">361 <img src="http://static.photos/technology/640x360/109" alt="Comparaison bruits" class="w-full h-auto rounded">362 <p class="text-center text-sm text-gray-600 mt-2">Comparaison entre bruit blanc (haut) et bruit rose (bas)</p>363 </div>364 </div>365 </section>366 367 <!-- Conclusion -->368 <section id="conclusion" class="mb-12">369 <h2 class="text-2xl font-bold text-blue-700 mb-4 border-b-2 border-blue-200 pb-2 flex items-center gap-2">370 <i data-feather="check-circle" class="w-5 h-5"></i>371 Conclusion372 </h2>373 374 <div class="bg-white rounded-xl shadow-md p-6">375 <h3 class="text-xl font-semibold mb-3">Résumé des productions</h3>376 <div class="grid md:grid-cols-2 gap-4 mb-6">377 <div class="border border-blue-200 rounded-lg p-3">378 <h4 class="font-semibold text-blue-700 mb-2">Sons</h4>379 <ul class="space-y-2">380 <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-green-500"></i> Son pur (sinusoïdal)</li>381 <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-green-500"></i> Son composé (harmoniques)</li>382 <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-green-500"></i> Son complexe (effets)</li>383 </ul>384 </div>385 <div class="border border-blue-200 rounded-lg p-3">386 <h4 class="font-semibold text-blue-700 mb-2">Bruits</h4>387 <ul class="space-y-2">388 <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-green-500"></i> Bruit simple</li>389 <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-green-500"></i> Bruit blanc</li>390 <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-green-500"></i> Bruit rose</li>391 </ul>392 </div>393 </div>394 395 <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-6">396 <h4 class="font-semibold flex items-center gap-2">397 <i data-feather="alert-circle" class="w-5 h-5 text-yellow-600"></i>398 Bonnes pratiques dans Audacity399 </h4>400 <ul class="list-disc pl-5 mt-2 space-y-2">401 <li>Toujours nommer vos pistes et projets</li>402 <li>Sauvegarder régulièrement (format .aup)</li>403 <li>Utiliser des niveaux appropriés (éviter la saturation)</li>404 <li>Exporter en WAV pour qualité, MP3 pour partage</li>405 </ul>406 </div>407 408 <div class="bg-red-50 border-l-4 border-red-400 p-4">409 <h4 class="font-semibold flex items-center gap-2">410 <i data-feather="calendar" class="w-5 h-5 text-red-600"></i>411 Deadline du TP412 </h4>413 <p class="mt-2">Le rendu du TP est attendu pour le <span class="font-bold">20 décembre 2025</span>.</p>414 <p class="text-sm mt-1">Inclure tous les types de sons produits et une brève description de leurs caractéristiques.</p>415 </div>416 </div>417 </section>418 419 <!-- Ressources -->420 <section id="ressources" class="mb-12">421 <h2 class="text-2xl font-bold text-blue-700 mb-4 border-b-2 border-blue-200 pb-2 flex items-center gap-2">422 <i data-feather="download" class="w-5 h-5"></i>423 Ressources & Téléchargements424 </h2>425 426 <div class="bg-white rounded-xl shadow-md p-6">427 <div class="grid md:grid-cols-2 gap-6">428 <div>429 <h3 class="text-xl font-semibold mb-3">Liens utiles</h3>430 <div class="space-y-3">431 <a href="https://www.audacityteam.org/" class="flex items-center gap-2 text-blue-600 hover:text-blue-800">432 <i data-feather="external-link" class="w-4 h-4"></i>433 Site officiel d'Audacity434 </a>435 <a href="https://manual.audacityteam.org/" class="flex items-center gap-2 text-blue-600 hover:text-blue-800">436 <i data-feather="book-open" class="w-4 h-4"></i>437 Documentation officielle438 </a>439 <a href="#" class="flex items-center gap-2 text-blue-600 hover:text-blue-800">440 <i data-feather="file-text" class="w-4 h-4"></i>441 Version PDF du tutoriel442 </a>443 <a href="#" class="flex items-center gap-2 text-blue-600 hover:text-blue-800">444 <i data-feather="file" class="w-4 h-4"></i>445 Présentation PowerPoint446 </a>447 </div>448 </div>449 <div>450 <h3 class="text-xl font-semibold mb-3">Fichiers exemples</h3>451 <div class="space-y-3">452 <a href="#" class="flex items-center gap-2 text-blue-600 hover:text-blue-800">453 <i data-feather="music" class="w-4 h-4"></i>454 Sons purs (WAV)455 </a>456 <a href="#" class="flex items-center gap-2 text-blue-600 hover:text-blue-800">457 <i data-feather="disc" class="w-4 h-4"></i>458 Sons composés (WAV)459 </a>460 <a href="#" class="flex items-center gap-2 text-blue-600 hover:text-blue-800">461 <i data-feather="volume-2" class="w-4 h-4"></i>462 Bruits blanc et rose (WAV)463 </a>464 <a href="#" class="flex items-center gap-2 text-blue-600 hover:text-blue-800">465 <i data-feather="archive" class="w-4 h-4"></i>466 Projet Audacity complet (.aup)467 </a>468 </div>469 </div>470 </div>471 </div>472 </section>473 </main>474 </div>475 476 <custom-footer></custom-footer>477 478 <script src="script.js"></script>479 <script>480 feather.replace();481 </script>482<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>483</body>484</html>