Audio recorder & https

Hi,

I'm trying to use the "audio recorder" in one of my sites, and I get this error message: "Access to microphone is not allowed in your browser since this page is not served using HTTPS. Please contact the author, and ask him to make this available using HTTPS"

Anyone knows how to solve the problem?

Thanks a lot

tomaj's picture

This is a limitation set by Chrome. For the users security, it doesn't allow users to use the microphone, unless the site is secured with https.

So you have to add https to your site! I personally use letsencrypt for my https-needs.

- Tom

My site is served with HTTPS (cloudflare SSL) and the domain address shows HTTPS but this error still occurs (in safari, although in chrome ipad, it says "Microphone not supported."  Why?  https://www.littlechinesereaders.com/resources/speaking-practice-l1l1/

BV52's picture

Hi cwhlin,

You are correct the website is hosted in a secure site. I checked the site, the browser is actually detecting a mixed content site. One of the images is hosted in an unsecured site.

-BV52

Got it.  Thanks!

Hello everyone,

I actually have the exact same problem. My moodle is secured with HTTPS but the microphone is not allowed. How can we check our moodle?

Thank you very much

BV52's picture

Hi marieifesp, 

You can check if you have the option to allow the microphone. If you suspect that it is a mixed content issue you should see an error/warning in the browser console (Ctrl+Shift+J in Chrome). If don't see anything there I suggest that you share the URL here so that we can check. 

-BV52

Thank you for your answer. I joined a screen capture of the errors messages.

Attachments: 
thomasmars's picture

Hi,

If you are embedding the content from H5P.org you have to make sure that you allow the iFrame to access the microphone. This can be done by setting the following attribute on the iframe: allow="microphone". You can read more about this here: https://dev.chromium.org/Home/chromium-security/deprecating-permissions-in-cross-origin-iframes.

done.. it helpfull

Hello

I have the sa,e "HTTPS" error. I have seen the page source and tried with many method to find the mixed text but no result. 

Thaks is the link:

https://course.salamzaban.com/lesson1/

 

Do you know any faster method to find the mixed content?

 

Thanks

 

When I check it with Chrome console it says: "AudioCapture permission has been blocked because of a course.salamzaban.com/:1  Feature Policy applied to the current document. See https://goo.gl/EuHzyv for more details."

 

As it seems the problem is with being "Iframe". How can I solve it?

BV52's picture

Hi slamzaban,

We have a fix that is soon to be released, though I don't have a timeline yet.

-BV52

When users check not embeded recording sound with Iphone  it says: "AudioCapture permission has been blocked because of a course.salamzaban.com/:1  Feature Policy applied to the current document. See https://goo.gl/EuHzyv for more details."

 

We had the same problem with embeded recording tools before now they are not embeded.

 

Thanks

BV52's picture

Hi slamzaban,

Do you have a sample page with this content?

-BV52

Thanks.

It was a nightmare to discover the reason is not the SSL. :)

We are having the same problem in H5p.com assets through Canvas.  All assets securely served but still microphone blocked.

fnoks's picture

 

This should have been fixed on h5p.com. Are you using LTI or embed to insert content into Canvas?

Hi, 

The problem still occurs on Canvas, when embedded, the audio does not work. Any help possible please???

 

BV52's picture

Hi Lallia,

Are you using LTI or embed to insert content into Canvas? If you are embedding where are you embedding from?

-BV52

Hey BV52, 

Yes, I did use the embed link in H5P which I did paste in Canvas.

This one: <iframe src="https://h5p.org/h5p/embed/427360" width="1090" height="484" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

Hey BV52, 

Yes, I used the embed link from H5P which I did put on Canvas: <iframe src="https://h5p.org/h5p/embed/427360" width="1090" height="484" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

BV52's picture

Hi Lallia 31,

Thank you for the information. The reason this is happening is that Chrome is not letting you use the microphone for Cross-Origin Iframes. However there is task in our H5P public board that aims to resolve this.

-BV52

Hello good people.

I have a problem with devices Ipad when audio record. 

In others devices your funtion is correct. 

https://joinspanish.com/prueba-de-audio/

No supported devices Ipad?

Thank's you very much

 

 

 

 

Hi we are experiencing this issue in Firefox as well. The site is https. Is there a solution yet?

otacke's picture

Hi Peter!

That may be a problem related to the particular HTTP feature policy of the server that H5P is running on, see https://h5p.org/comment/35346 for the discussion. Feel free to join.

Best,
Oliver

Hi Oliver, thanks for your prompt reply. I will have my colleagues take a look at it.

Thansk again, Peter

Hi,

Same problem exactly.

Https, Recorder used in Moodle, so no option to see iFrame in content bank where it can be created, and then tweak a code.

Is there any chance it can be fixed?

Cheers,

Piotr