← Examples

Sidebar Layout Bundled UMD

CDN script tag, no build step, no npm install.

Code

<!-- In production, replace with the CDN URL -->
<script src="https://cdn.deepgram.com/agent-widget/latest/widget.umd.js"></script>
<script>
  DeepgramAgent.init({
    tokenFactory: () => fetch('/api/token')
      .then(r => r.json()).then(d => d.token),
    agent: {
      listen: { provider: { type: 'deepgram', version: 'v1', model: 'nova-3' } },
      think:  { provider: { type: 'open_ai', model: 'gpt-4o-mini' } },
      speak:  { provider: { type: 'deepgram', model: 'aura-2-thalia-en' } },
    },
    layout: 'sidebar',
    buttonId: 'open-btn',
    colorScheme: 'dark',
  });
</script>