Share feedback, ideas and get community help

Updated 6 months ago

Can't Embed voice recorder webpage inside Typebot via iFrame Tag

At a glance

A community member is new to Typebot and is embedding an HTML/JS/FastAPI website that records user voice. When embedded using an iframe tag, the website loads fine but the voice recording feature doesn't work and doesn't prompt for microphone permission, even though the permission attribute was added to the iframe tag. The community member is unsure if this is a bug or if they are missing some Typebot permissions. Other community members suggest trying the allow="microphone" attribute in the iframe tag, or putting the permissions in the bot header code from the settings tab to apply them bot-wide. However, these suggestions did not work for the original poster.

Hi there,

I'm new to Typebot I'm embedding an HTML/Js/FastAPI website that records user voice. When we embed it inside Typebot using an iframe tag(url included) the website loads fine, but voice recording feature doesn't work. It also doesn't prompt for microphone permission even though I've added the permission attribute in the iframe tag

Could anyone here point out what is causing this issue? Not sure if it's a bug or I'm missing some Typebot permissions? Any assistance or concrete resources would be greatly appreciated. Thank you
S
M
g
3 comments
use allow="microphone" in the iframe tag. that worked for me.
I applied that attribute but it didn't work for me. Typebot uses regex that extracts url from iframe and has built-in height variable for height. No other attributes seem to be working there
Can you try putting the persmissions in the bot header code from the settings tab? Apply them bot wide not just in the block may work.
Add a reply
Sign up and join the conversation on Discord