Voice recorder widget not working on embedded for in Chrome

  • MTNA
    Asked on September 21, 2018 at 10:00 AM

    When we click on the record button, it says to refresh the widget. I have refreshed the widget. It will not record on the form. 

    However, it works in preview. Please help ASAP as this is a live form!

    Jotform Thread 1587572 Screenshot
  • AshtonP
    Replied on September 21, 2018 at 11:21 AM

    I have tested your form and the Audio Recording widget is working fine on my end. I tested this on your website as well as on the form URL.

    67998 Selection 846 Screenshot 10

    I tested this with 2 browsers firefox and chrome and found no issues. Have you cleared the browser cache and tried again?

    Do the Record and Play buttons appear when you open the form? Does it ask for permission to access your microphone?

    Let us know the device and browser you are using if it still doesn't work. 


  • MTNA
    Replied on September 21, 2018 at 11:36 AM

    It is working in Firefox, but not in Chrome. I have cleared my cache. It does not ask for permission, it still says, "refresh widget here."
    Please advise.

  • Victoria_K
    Replied on September 21, 2018 at 1:01 PM

    Hello,

    The issue seems to be browser specific. The form asks for permission on Chrome if form is accessed through direct URL:

    1537549314data widgets Screenshot 10

    On Chrome it’s proposed that by default the permissions cannot be requested or used by content contained in cross-origin iframes (embedded forms): https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-permissions-in-cross-origin-iframes 

    If you want iframes to continue to be able to request/use permission for microphone, camera etc, please make sure that iframe embedding code has allow attribute: 

    allow="geolocation; microphone; camera"

    The form should be embedded with the following code:

    Getting-the-Form-iFrame-Code

    allow="geolocation; microphone; camera" src="https://form.jotform.com/70955071228154" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no" >

    We will gladly assist if you need any further help.