Adding education demo (#250)

* Add the education demo

* Updated the demo to support Azure Voices and removed the OpenAI voice option.

* Updated the “Start Conversation” button text and set the audio status to “Inactive”.

* make some fixes based on the comments

* Enhanced the control enablement logic to ensure related options are disabled under specific scenarios.

* Fixed the Speech configuration for the voice assistant by ensuring the original API key string is used to avoid authentication failures.

* remove the 'PA with reference text' logic

---------

Co-authored-by: v-liukun <v-liukun@microsoft.com>

Author: l17813182030

README.md

@@ -73,6 +73,7 @@ JavaScript/TypeScript samples showcasing:
 - **MCP Quickstart**: MCP server integration with remote tool calling and approval flow
 - **Model Quickstart**: Direct Voice Live model integration with proactive greetings
 - **Basic Web Voice Assistant**: Browser-based voice assistant with real-time streaming and barge-in support
+- **Voice Live Education Demo**: Browser-based English pronunciation coach that pairs Voice Live with the Azure Speech SDK for real-time pronunciation assessment (Conversation / Concise / Read Along scenarios)
 - **Voice Live Avatar**: Avatar-enabled voice conversations with Docker deployment
 - **Voice Live Car Demo**: Voice-Enabled Car Assistant powered by multiple architectures
 - **Voice Live Interpreter**: Real-time speech translation, speech in and speech out

javascript/README.md

@@ -85,6 +85,17 @@ A React + Vite demo showcasing a Voice-Enabled Car Assistant powered by Azure Op
 - Real-time EV driving cycle simulation
 - Latency and token usage benchmarking
 
+### [Voice Live Education Demo](./voice-live-education-demo/)
+
+A browser-based English pronunciation coaching demo that pairs the **Azure Voice Live SDK** with the **Azure Speech SDK** pronunciation assessment (PA) for real-time, targeted coaching feedback.
+
+**Key Features:**
+- Per-word pronunciation assessment with color-coded visualization
+- Multiple PA scenarios (Conversation, Concise, Read Along)
+- With-reference-text and streaming PA modes
+- Real-time streaming text/audio with barge-in support
+- Optional latency metrics and live event panel
+
 ### [Voice Live Interpreter Demo](./voice-live-interpreter-demo/)
 
 A minimal Vite + React + TypeScript demo that uses **Azure Voice Live** for real-time speech translation.
@@ -128,6 +139,7 @@ All samples require:
 | Basic Web Voice Assistant | [Node.js 18+](https://nodejs.org/) with npm |
 | Voice Live Avatar | [Docker](https://www.docker.com/get-started) |
 | Voice Live Car Demo | [Node.js 18+](https://nodejs.org/) with npm |
+| Voice Live Education Demo | [Node.js 18+](https://nodejs.org/) with npm |
 | Voice Live Interpreter Demo | [Node.js 18+](https://nodejs.org/) with npm |
 | Voice Live Trader Demo | [Node.js 18+](https://nodejs.org/) with npm |