session created tweaks; readme

Author: chadwallacehart

index.html

@@ -250,6 +250,12 @@ <h1>Chat with GPT-4 Realtime with WebRTC</h1>
         const itemId = message.item_id;
 
         switch (message.type) {
+            case "session.created":
+                const expiresAt = new Date(message?.session?.expires_at * 1000);
+                console.log(`Session created and will expire at ${expiresAt}`, message);
+                toggleSessionButtons(true);
+                break;
+
             case "input_audio_buffer.speech_started":
                 userMessages[itemId] = {message: ""};
                 appendOrUpdateLog(`User: ...`, "user-message", itemId);
@@ -300,6 +306,7 @@ <h1>Chat with GPT-4 Realtime with WebRTC</h1>
         console.log("start_session");
         startButtonEl.disabled = true;
 
+        // API Key required
         const apiKey = keyEl.value;
         if (!apiKey || apiKey === "Your OPENAI_API_KEY from platform.openai.com") {
             console.error("No OpenAI API Key provided");
@@ -308,7 +315,6 @@ <h1>Chat with GPT-4 Realtime with WebRTC</h1>
             return;
         }
 
-
         // Capture the local mic
         // technically optional for the API, but required in this example
         let stream;
@@ -370,13 +376,13 @@ <h1>Chat with GPT-4 Realtime with WebRTC</h1>
                 pc.addEventListener("connectionstatechange", () => {
                     if (pc.connectionState === "connected") {
                         clearTimeout(timeout);
+                        console.log("Peer connection established!");
                         resolve();
                     }
                 });
             });
 
-            toggleSessionButtons(true);
-            console.log("Realtime session started!");
+            // toggleSessionButtons(true);
         } catch (err) {
             console.error("Error starting session:", err);
             appendOrUpdateLog("Error starting session. Please try again.", "system-message");