Acme Cloud Inc. Client Integration Demo
Powered by SEM Voice & Visual AI
⚡ 100% Zero-Dependency Embeddable Widget

Embed SEM AI Assistant in Any Website

Companies can now integrate SEM as a real-time conversational voice and visual assistant into their web application with a single HTML script tag.

🎛️ Interactive Widget Test Console

Test programmatic control over the assistant using the window.SemAssistant JavaScript SDK.

COPY-PASTE EMBED SNIPPET
<script 
  src="https://live.semdok.com/widget/sem-widget.js" 
  data-assistant-brand="Acme AI Assistant"
  data-assistant-avatar="female"
  data-assistant-theme="dark"
  data-assistant-greeting="Hello! How can I assist you with Acme Cloud today?"
  defer>
</script>

🛡️ Shadow DOM Isolation

The launcher button and modal run inside a closed Shadow DOM root, guaranteeing zero CSS conflicts with client website styles or Tailwind/Bootstrap resets.

🎙️ Real-Time Voice & Screen Vision

Embedded visitors can speak seamlessly using microphone streaming, trigger visual modal showcases, or type questions with sub-second latency.

📱 Adaptive Mobile Bottom-Sheet

Automatically renders as a floating glass card on desktop viewports and transitions to a responsive full-screen bottom-sheet on mobile smartphones.

🔑 Multi-Tenant API Keys

Clients can supply their own enterprise API keys via data-api-key attribute, isolating customer usage and custom knowledge models.