Audio recorder & https

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

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

Mon, 05/15/2017 - 16:10

Permalink

Browser limitations

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

Permalink

Site is secured with HTTPS but error still occurs

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

Wed, 02/14/2018 - 08:17

Permalink

Hi cwhlin,You are correct the

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

Permalink

Resolved

Got it. Thanks!

marieifesp

Thu, 03/08/2018 - 03:16

Permalink

Same problem in Moodle

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

Thu, 03/08/2018 - 04:33

Permalink

Hi marieifesp, You can check

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

Permalink

Errors

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

Attachments:
Image icon errors.GIF

thomasmars

Thu, 03/15/2018 - 14:49

Permalink

Hi,If you are embedding the

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

Permalink

done.. it helpfull

done.. it helpfull

salamzaban

Sat, 08/04/2018 - 22:10

Permalink

HelloI have the sa,e "HTTPS"

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

Permalink

When I check it with Chrome

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

Mon, 08/06/2018 - 05:14

Permalink

Hi slamzaban,We have a fix

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

Permalink

When users check not embeded

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

Mon, 09/24/2018 - 04:55

Permalink

Hi slamzaban,Do you have a

Hi slamzaban,

Do you have a sample page with this content?

-BV52

salamzaban

Mon, 08/06/2018 - 10:21

Permalink

Thanks.It was a nightmare to

Thanks.

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

uwmlrc

Fri, 08/24/2018 - 17:41

Permalink

Same issue here all assets securely served

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

fnoks

Wed, 08/29/2018 - 14:59

Permalink

This should have been fixed

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

Permalink

Issues embedding audio recorder or any audio on Canvas

Hi,

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

BV52

Tue, 02/12/2019 - 04:07

Permalink

Hi Lallia,Are you using LTI

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

Permalink

Audio recorder issue

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

Permalink

Audio recorder issue

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

Wed, 02/13/2019 - 08:53

Permalink

Hi Lallia 31,Thank you for

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

Permalink

Microphone not supported. Make sure you are using a browser that

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

Permalink

Solution yet?

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

otacke

Tue, 10/06/2020 - 19:45

Permalink

Hi Peter!That may be a

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

Permalink

Comment

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

Permalink

February 2023, no fix for H5p for Moodle

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