Audio recorder & https

Submitted by jgarate on Mon, 05/15/2017 - 15:24
Forums: 
Content creation

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

tomaj

Mon, 05/15/2017 - 16:10

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

cwhlin

Wed, 02/14/2018 - 02:54

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

BV52

Wed, 02/14/2018 - 08:17

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

cwhlin

Thu, 02/22/2018 - 12:51

Got it.  Thanks!

marieifesp

Thu, 03/08/2018 - 03:16

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

BV52

Thu, 03/08/2018 - 04:33

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

marieifesp

Thu, 03/08/2018 - 14:53

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

Attachments: 
Image icon errors.GIF
thomasmars's picture

thomasmars

Thu, 03/15/2018 - 14:49

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.

kangsandi

Fri, 06/05/2020 - 10:32

done.. it helpfull

salamzaban

Sat, 08/04/2018 - 22:10

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

 

salamzaban

Sun, 08/05/2018 - 09:55

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

BV52

Mon, 08/06/2018 - 05:14

Hi slamzaban,

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

-BV52

salamzaban

Fri, 09/21/2018 - 18:40

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

BV52

Mon, 09/24/2018 - 04:55

Hi slamzaban,

Do you have a sample page with this content?

-BV52

salamzaban

Mon, 08/06/2018 - 10:21

Thanks.

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

uwmlrc

Fri, 08/24/2018 - 17:41

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

fnoks's picture

fnoks

Wed, 08/29/2018 - 14:59

 

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

Lallia 31

Mon, 02/11/2019 - 09:12

Hi, 

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

 

Attachments: 
Image icon Capture d’écran 2019-02-11 à 08.11.29.jpg
BV52's picture

BV52

Tue, 02/12/2019 - 04:07

Hi Lallia,

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

-BV52

Lallia 31

Tue, 02/12/2019 - 13:56

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>

Lallia 31

Tue, 02/12/2019 - 13:59

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>

Attachments: 
Image icon Capture d’écran 2019-02-12 à 12.55.39.jpg
BV52's picture

BV52

Wed, 02/13/2019 - 08:53

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

marianorojo

Thu, 06/11/2020 - 09:19

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

 

 

 

 

peterjonker

Tue, 10/06/2020 - 16:18

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

otacke's picture

otacke

Tue, 10/06/2020 - 19:45

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

peterjonker

Wed, 10/07/2020 - 09:59

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

Thansk again, Peter

trinitylab

Thu, 02/09/2023 - 21:14

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