Audio recorder error message

Hi All

I copied the embedd code of this free HTML5 audio player: https://h5p.org/audio-recorder. I inserted it into my Brightspace D2L LMS course as audio/video.

However, when I open it, 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"

Please advise

Summary: 
Error code for audio recorder
Content types: 
BV52's picture

Hi make interactive fun,

You need to add an additional code into the built in embed code and it should look like this:

<iframe src="https://h5p.org/h5p/embed/71393" width="1090" height="434" frameborder="0" allowfullscreen="allowfullscreen" style="width: 100%; height: 514px;" allow="microphone"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

-BV52

Hi BV52,

Thnks so much for giving this your time! I copied your code and embedded it, but still get the same error message when I press the record button. As far as I can see, you added these lines to the original code: style="width: 100%; height: 514px;" allow="microphone">

Is there something else I can try, or did I misunderstand your first reply?

 

Hi BV52,

Thnks so much for giving this your time! I copied your code and embedded it, but still get the same error message when I press the record button. As far as I can see, you added these lines to the original code: style="width: 100%; height: 514px;" allow="microphone">

Is there something else I can try, or did I misunderstand your first reply?

 

BV52's picture

Hi make interactive fun,

I'm afraid this solution is not for everyone :-( . I discovered this recently that some sites does not allow the allow="" code for securoty reasons.

-BV52