probable-pink•2mo ago
Camera feature?
does anyone know if its possible to add a camera button in the chatbot? I know I can upload images but I want the user to be able to just select a camera button like you can do on chatgpt? any help would be massively appreicated, cheers/
2 Replies
Hey there!
The built-in Voiceflow web-chat widget doesn’t include a native “open camera / take photo” button—right now users can only upload an existing file through the file-picker.
If you’d like the chat to launch the device’s camera (similar to ChatGPT mobile), you have two options: 1. Custom widget extension in the VF web-chat
• Fork Voiceflow’s open-source web-chat or add an extension that renders your own button and browser
• When the user snaps a picture, send the image to your backend (or a storage service) and pass the file URL/ID back to Voiceflow via a Custom Action trace so your agent can keep conversing with the reference to that image.
Docs: https://developer.voiceflow.com/v2.0/docs/render-custom-widgets-effects 2. Fully custom interface
• Build your own chat UI with the Dialog Manager API. You control the entire front-end, so adding a camera button is straightforward, and you relay messages/traces to & from Voiceflow.
Docs: https://developer.voiceflow.com/v2.0/docs/custom-interfaces-overview So, it’s definitely doable, just not out-of-the-box—you’ll need a little front-end coding to add the camera capture and then hand the image off to your Voiceflow agent. 👍
The built-in Voiceflow web-chat widget doesn’t include a native “open camera / take photo” button—right now users can only upload an existing file through the file-picker.
If you’d like the chat to launch the device’s camera (similar to ChatGPT mobile), you have two options: 1. Custom widget extension in the VF web-chat
• Fork Voiceflow’s open-source web-chat or add an extension that renders your own button and browser
getUserMedia() / <input type="file" accept="image/*;capture=camera">.• When the user snaps a picture, send the image to your backend (or a storage service) and pass the file URL/ID back to Voiceflow via a Custom Action trace so your agent can keep conversing with the reference to that image.
Docs: https://developer.voiceflow.com/v2.0/docs/render-custom-widgets-effects 2. Fully custom interface
• Build your own chat UI with the Dialog Manager API. You control the entire front-end, so adding a camera button is straightforward, and you relay messages/traces to & from Voiceflow.
Docs: https://developer.voiceflow.com/v2.0/docs/custom-interfaces-overview So, it’s definitely doable, just not out-of-the-box—you’ll need a little front-end coding to add the camera capture and then hand the image off to your Voiceflow agent. 👍
probable-pinkOP•2mo ago
is there hard to set up? can I do it for all my chatbots or do I have to do it indivdidually with a bit of coding?