From 885992c3b575d8b859b0b25f4d69e3a002910165 Mon Sep 17 00:00:00 2001
From: Kevin Choy <kevinchoy22@gmail.com>
Date: Thu, 7 Aug 2025 21:18:02 -0700
Subject: [PATCH] feat: add transcriptions

---
 package.json               | 2 +-
 quickstart/src/index.js    | 2 ++
 quickstart/src/joinroom.js | 4 ++++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ff9b0407..e5eebffb 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "prismjs": "^1.6.0",
     "stackblur-canvas": "^1.4.0",
     "twilio": "^3.80.1",
-    "twilio-video": "^2.31.0"
+    "twilio-video": "2.32.1"
   },
   "devDependencies": {
     "browserify": "^17.0.0",
diff --git a/quickstart/src/index.js b/quickstart/src/index.js
index 1c111218..21be69a7 100644
--- a/quickstart/src/index.js
+++ b/quickstart/src/index.js
@@ -96,6 +96,8 @@ async function selectAndJoinRoom(error = null) {
     // Add the specified video device ID to ConnectOptions.
     connectOptions.video.deviceId = { exact: deviceIds.video };
 
+    connectOptions.receiveTranscriptions = true;
+
     // Join the Room.
     await joinRoom(token, connectOptions);
 
diff --git a/quickstart/src/joinroom.js b/quickstart/src/joinroom.js
index 9a5d0503..daaf7d84 100644
--- a/quickstart/src/joinroom.js
+++ b/quickstart/src/joinroom.js
@@ -270,6 +270,10 @@ async function joinRoom(token, connectOptions) {
     }
   });
 
+  room.on('transcription', (transcriptionEvent) => {
+    console.log(`${transcriptionEvent.participant}: ${transcriptionEvent.transcription}`);
+  });
+
   // Setup handler for entering pip
   const togglePipButtonHandler = () => togglePip('#room');
   $togglePip.click(togglePipButtonHandler);