Voice Chat

​

Overview

​

Enable Voice Chat

window.LuaPop.init({
  agentId: "your-agent-id",
  position: "bottom-right",
  voiceModeEnabled: true  // ✅ Enable voice chat
});

​

Features

​

How It Works

​

Use Cases

​

Accessibility

• Users with motor impairments
• Users who prefer speaking
• Hands-free scenarios
• Visually impaired users

​

Mobile Users

const isMobile = window.innerWidth <= 768;

window.LuaPop.init({
  agentId: "mobile-agent",
  voiceModeEnabled: isMobile, // Enable on mobile only
  buttonText: isMobile ? "🎤 Voice Chat" : "💬 Chat"
});

​

Driving/Hands-Free

window.LuaPop.init({
  agentId: "hands-free-agent",
  voiceModeEnabled: true,
  chatTitle: "Voice Assistant",
  buttonText: "🎤 Voice Chat",
  welcomeMessage: "Hi! I'm your voice assistant. Tap the microphone to speak to me.",
  chatInputPlaceholder: "Click mic to speak..."
});

​

Browser Support

• Modern browser with Web Speech API
• HTTPS connection (required for microphone access)
• User permission for microphone

​

Supported Browsers

​

Privacy & Permissions

​

Permission Handling

1. Requests microphone permission when needed
2. Shows appropriate UI if permission denied
3. Gracefully falls back to text-only chat

​

Privacy

• Audio is processed in real-time
• No audio recordings are stored locally
• Audio converted to text server-side
• GDPR compliant

​

Best Practices

const isSecure = window.location.protocol === 'https:';

window.LuaPop.init({
  agentId: "your-agent-id",
  voiceModeEnabled: isSecure // Only enable on HTTPS
});

window.LuaPop.init({
  agentId: "your-agent-id",
  voiceModeEnabled: true,
  buttonText: "🎤 Voice Chat Available"
});

const isMobile = window.innerWidth <= 768;

window.LuaPop.init({
  agentId: "your-agent-id",
  voiceModeEnabled: true,
  buttonText: isMobile ? "🎤" : "💬 Chat",
  chatInputPlaceholder: isMobile 
    ? "Tap mic to speak" 
    : "Type or click mic to speak"
});

​

Next Steps