History

Ashley Blewer ffd699be96 Add explaination		2021-09-16 13:59:34 -04:00
..
components	Listen for events and manage button state	2021-09-16 11:34:48 -04:00
contexts	Listen for events and manage button state	2021-09-16 11:34:48 -04:00
hooks	Initial transcription example	2021-09-15 18:36:10 -04:00
pages	Initial transcription example	2021-09-15 18:36:10 -04:00
public/assets	Initial transcription example	2021-09-15 18:36:10 -04:00
.babelrc	Initial transcription example	2021-09-15 18:36:10 -04:00
README.md	Add explaination	2021-09-16 13:59:34 -04:00
env.example	Initial transcription example	2021-09-15 18:36:10 -04:00
index.js	Initial transcription example	2021-09-15 18:36:10 -04:00
next.config.js	Initial transcription example	2021-09-15 18:36:10 -04:00
package.json	Initial transcription example	2021-09-15 18:36:10 -04:00

README.md

Live Transcription

Live example

See it in action here ➡️

What does this demo do?

Use startTranscription() and stopTranscription() methods to create a transcript of a call
Integrates Deepgram transcription service into Daily calls
Listen for incoming transcription messages using the call object app-message event
Extend the basic call demo with a transcription provider and aside
Show a notification bubble on transcript tray button when a new message is received

Please note: this demo is not currently mobile optimised

Getting started

# set both DAILY_API_KEY and DAILY_DOMAIN
mv env.example .env.local

yarn
yarn workspace @dailyjs/live-transcription dev

Setting up transcription

For testing the transcription service, you will have to register for a Deepgram API key and configure your Daily domain with that key.

TODO: Add more instructions here, or point to docs when ready.

How does this example work?

In this example we extend the basic call demo with the ability to generate transcription of the meeting in real time and log that in a side panel.

We pass a custom tray object, a custom app object (wrapping the original in a new TranscriptionProvider) as well as add our TranscriptionAside panel. We also symlink both the public and pages/api folders from the basic call.