fix: add description to demo pages to explain what is shown

Author: activescott

apps/browser-example/src/pages/OfficialSDKWebSocketExample.tsx

@@ -76,6 +76,13 @@ export function OfficialSDKWebSocketExample({
   return (
     <div className="container">
       <h1>Official SDK WebSocket Example</h1>
+      <p>
+        This example demonstrates the Official OpenAI SDK's WebSocket client. It
+        does not go to the trouble of decoding the audio streams and hooking
+        them up to the browser. So you only see the data events. To experience
+        the streaming audio with a back-and-forth conversation, see the WebRTC
+        Example.
+      </p>
       <RealtimeSessionView
         startSession={startSession}
         stopSession={stopSession}

apps/browser-example/src/pages/WebRTCExample.tsx

@@ -42,6 +42,11 @@ export function WebRTCExample({
   return (
     <div className="container">
       <h1>WebRTC Example</h1>
+      <p>
+        This example demonstrates how to use the OpenAI Realtime API directly.
+        It is using the TypeScript client from the article
+        https://scott.willeke.com/ai-typescript-client-for-openai-realtime-api .
+      </p>
       <audio ref={audioElementRef}></audio>
       <RealtimeSessionView
         startSession={startSession}