Update index.html

index.html

@@ -14,6 +14,59 @@
 				Also don't forget to check the
 				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
 			</p>
+
+          <button id="clickme"> Stop </button>
 		</div>
+
+      <script type="module">
+  // Import the functions you need from the SDKs you need
+  import { initializeApp } from "https://www.gstatic.com/firebasejs/12.3.0/firebase-app.js";
+  import { getAnalytics } from "https://www.gstatic.com/firebasejs/12.3.0/firebase-analytics.js";
+  // TODO: Add SDKs for Firebase products that you want to use
+  // https://firebase.google.com/docs/web/setup#available-libraries
+
+  // Your web app's Firebase configuration
+  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
+  const firebaseConfig = {
+    apiKey: "AIzaSyB6EeMqhn5kvMEDYRzhtdokA9i0idKtUKo",
+    authDomain: "winternut-pay.firebaseapp.com",
+    projectId: "winternut-pay",
+    storageBucket: "winternut-pay.firebasestorage.app",
+    messagingSenderId: "564557307443",
+    appId: "1:564557307443:web:a1abf6b0db99ca79560d46",
+    measurementId: "G-K07BVBE7FW"
+  };
+
+  // Initialize Firebase
+  const app = initializeApp(firebaseConfig);
+  const analytics = getAnalytics(app);
+
+
+        
+// Initialize the Gemini Developer API backend service
+const ai = getAI(firebaseApp, { backend: new GoogleAIBackend() });
+
+// Create a `LiveGenerativeModel` instance with the flash-live model (only model that supports the Live API)
+const model = getLiveGenerativeModel(ai, {
+  model: "gemini-2.0-flash-live-preview-04-09",
+  // Configure the model to respond with audio
+  generationConfig: {
+    responseModalities: [ResponseModality.AUDIO],
+  },
+});
+
+const session = await model.connect();
+
+// Start the audio conversation
+const audioConversationController = await startAudioConversation(session);
+
+// ... Later, to stop the audio conversation
+// await audioConversationController.stop()
+document.getElementById("clickme").onclick( async ()=> {
+  await audioConversationController.stop()
+})
+      </script>
+
+      
 	</body>
 </html>