Add start/stop endpoints

GetStream · Oct 4, 2024 · 64eb786 · 64eb786
1 parent aa56be1
commit 64eb786
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/packages/client/docusaurus/docs/javascript/02-guides/16-closed-captions.mdx b/packages/client/docusaurus/docs/javascript/02-guides/16-closed-captions.mdx
@@ -37,7 +37,14 @@ console.log(call.state.settings?.transcription.closed_caption_mode);
 
 ## Enabling and disabling closed caption events
 
-TODO
+If you set `closed_caption_mode` to `available` you need to enable closed caption events when you want to see captions:
+
+```typescript
+await this.call.startClosedCaptions();
+
+// to disable them
+await this.call.stopClosedCaptions();
+```
 
 ## Displaying the captions
 

diff --git a/sample-apps/client/ts-quickstart/src/closed-captions.ts b/sample-apps/client/ts-quickstart/src/closed-captions.ts
@@ -35,15 +35,17 @@ export class ClosedCaptionManager {
     return this.captionContainer;
   }
 
-  showCaptions() {
+  async showCaptions() {
     this.status = 'on';
+    await this.call.startClosedCaptions();
     this.unsubscribe = this.call.state.closedCaptions$.subscribe((captions) => {
       this.updateDisplayedCaptions(captions);
     }).unsubscribe;
   }
 
-  hideCaptions() {
+  async hideCaptions() {
     this.status = 'off';
+    await this.call.stopClosedCaptions();
     this.cleanup();
   }