A lightweight, static demo webpage that showcases example SSML, side-by-side audio comparisons (baseline vs. enhanced), architecture and preprocessing diagrams, and links to project resources for the research project "Improving French Synthetic Speech Quality via SSML Prosody Control."
index.html— main demo pagestyle.css— visual stylesscript.js— client-side behavior (navigation, audio handling, animations)architecture.png,PreprocessingPipeline.png— illustrative diagramsaudio/— example audio files (*_baseline.wav,*_enhanced.wav)
- Clone or download this repository.
- Open the demo in your browser:
- Option A (double-click): open
index.htmlin your browser. - Option B (recommended): run a simple local server to avoid media/CORS quirks.
- Option A (double-click): open
# Python 3
python3 -m http.server 8000
# then open http://localhost:8000
# or using npx http-server
npx http-server -p 8000
# then open http://localhost:8000- Replace the diagrams: overwrite
architecture.pngandPreprocessingPipeline.png. - Swap example audio: put new files into the
audio/folder and update the<audio>elements inindex.html. - Edit text/SSML: update the text blocks and
<pre>elements inindex.html. - Optional: enable the lazy-loading behavior in
script.jsby uncommenting the audio lazy-load observer lines.
Maintained by Hi! PARIS, Nassima ould ouali — nassima.ould-ouali@polytechnique.edu
If you find issues or want to contribute improvements (content fixes, accessibility tweaks, better examples), please open a PR or an issue.
This repository is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0). See LICENSE for full terms.
Short summary: you are free to share and adapt the material for non-commercial purposes as long as you provide appropriate credit to the authors and indicate if changes were made. For any commercial use or separate licensing of code, please contact the maintainer.
If you use this demo in a publication, please mention the demo in your acknowledgements.
Last updated: October 24, 2025