History

Ashley Blewer eb8c7e2b1f Listen for events and manage button state		2021-10-06 10:58:55 -04:00
..
components	Listen for events and manage button state	2021-10-06 10:58:55 -04:00
contexts	Listen for events and manage button state	2021-10-06 10:58:55 -04:00
hooks	Initial transcription example	2021-10-06 10:58:55 -04:00
pages	Initial transcription example	2021-10-06 10:58:55 -04:00
public/assets	Initial transcription example	2021-10-06 10:58:55 -04:00
.babelrc	Initial transcription example	2021-10-06 10:58:55 -04:00
README.md	Initial transcription example	2021-10-06 10:58:55 -04:00
env.example	Initial transcription example	2021-10-06 10:58:55 -04:00
index.js	Initial transcription example	2021-10-06 10:58:55 -04:00
next.config.js	Initial transcription example	2021-10-06 10:58:55 -04:00
package.json	Initial transcription example	2021-10-06 10:58:55 -04:00

README.md

Live Transcription

Live example

See it in action here ➡️

What does this demo do?

Use sendAppMessage to send messages
Listen for incoming messages using the call object app-message event
Extend the basic call demo with a chat provider and aside
Show a notification bubble on chat tray button when a new message is received
Demonstrate how to play a sound whenever a 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

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.