DoubleAcesXD•3w ago

The mic button is not available

hey builders, did you guys faced the same issues that i faced as well. From my portfolio of voiceflow when I tested the agent the mic button is available and works perfectly for me to record my voice but while i integrate the coding of my agent to a website the mic button somehow is not available. Can anyone help me with this?

2 Replies

Tico | Voiceflow Assistant•3w ago

Hey there 👋 The web-chat widget can show a mic button, but it will only appear when all of these conditions are met: 1️⃣ Voice input is enabled for the widget • Either toggle Voice Input ON in the widget settings (Interfaces ▸ Widget) and republish – or – pass the flag in code:

<script type="module" src="https://cdn.voiceflow.com/widget/bundle.mjs"></script>
<script>
  window.voiceflow.chat.load({
    verify: { projectID: "YOUR_PROJECT_ID", versionID: "production" },
    url: "https://general-runtime.voiceflow.com",
    enableSpeech: true              // <- makes the mic appear
  });
</script>

<script type="module" src="https://cdn.voiceflow.com/widget/bundle.mjs"></script>
<script>
  window.voiceflow.chat.load({
    verify: { projectID: "YOUR_PROJECT_ID", versionID: "production" },
    url: "https://general-runtime.voiceflow.com",
    enableSpeech: true              // <- makes the mic appear
  });
</script>

2️⃣ The page is served over HTTPS. Browsers only grant microphone access on secure origins; if the site is running on plain http:// the widget will hide the mic button. 3️⃣ The visitor’s browser supports getUserMedia() and the user has not blocked microphone permission. (Most modern desktop & mobile Chromium-based browsers work.) If it worked in the in-platform test but not on your site, it usually means either the embed code was copied before you enabled voice input or the site is still on HTTP. • Update the widget settings → publish again → replace the embed snippet if needed. • Make sure you’re opening the page with https://. • After the page loads, the browser will prompt for mic access the first time the button is pressed. Once those are in place the mic button should re-appear on your website just like it does inside Voiceflow. Docs for reference: https://docs.voiceflow.com (Web chat widget → Voice input section)
Happy building!

DoubleAcesXDOP•3w ago

Got it thx for your help

The mic button is not available

Did you find this page helpful?