Appear.in in Moodle | Video & Mic does not work

Hi, 

first of all: what a wonderuful service you developped – congratulation!

My Problem: I try to integrate appear.in in my moodle courses. But when I want to start, the erroro msg of appear.in appears and says, mic and video do not work. When I open the same address in a new window (not in moodle) it works without problem. Do you have an idea?

OS. maxOS Sierra 10.12.6
Browser: Chrome

Thank you in advance and best regards.renato

Image: https://drive.switch.ch/index.php/apps/files_sharing/ajax/publicpreview....

<img src="https://drive.switch.ch/index.php/apps/files_sharing/ajax/publicpreview....">

BV52's picture

Hi curiousabout,

Thank you for the kind words.

I checked your site (using the URL from the screenshot) and I was able to join and use the content. Please note that I had to click "allow mic and video" access prior to getting in (you might need to scroll down to see it).

-BV52

Hi, 

thank you very much for your quick answer. 

You can log in as a guest: https://paul.zhdk.ch/mod/hvp/view.php?id=212
See my video (here checked with safari, but it is the same with chrome): https://drive.switch.ch/index.php/s/dDDwwDReX8PfVQV

Best regards.renato

 

 

BV52's picture

Hi Renato,

Thank you for providing a video of the issue. From the video you will see a tip on how to enable mic and video for appear.in. I attached the screenshot for you. You just need to click on the "camera" icon at the right side of the address bar and choose to always allow appear.in (screenshot attached). Then refresh the window.

-BV52

Hi,
thank you. The problem is, that this is working outside the iframe when I load the conference addreess direct in the browser. 

But the camera does not even appear, when I load the conference in the iframe.

See attachements..

Thank you very much for your time.renato

 

BV52's picture

Hi Renato,

I can use my mic/camera within the iframe. You could probably clear the browser cache and disable other plugins for Chrome.

-BV52

Hi, ok, so it seems to be a problem of my Safari & Chrome (on Firefox it works now). 

Best regards & Thank you.renato

Hi, 

I guess I found the problem: 
https://sites.google.com/a/chromium.org/dev/Home/chromium-security/depre...

It's written: 

To continue to use permissions from iframes on your website...
This deprecation is expected to ship in Chrome M64 (around January 2018). At that time, if a cross-origin iframe attempts to use permission without the feature being explicitly allowed, a console warning will be logged and the feature will fail in a similar way as it would if a user had denied a permission prompt.

If you are a developer of a website which uses cross-origin iframes and you want those iframes to continue to be able to request/use one of the above features, the page that embeds the iframe will need to be changed. The simplest way to do that is to modify the <iframe> tag to include an allow attribute which specifies the name of the permission. For example, to enable geolocation and mic/camera for an iframe, the following would be specified:

<iframe src="https://example.com" allow="geolocation; microphone; camera"></iframe>

Valid values for allow include:
geolocation
microphone
camera
midi
encrypted-media
Note that if the iframe which is using the permission has the same origin as the top level page, then no changes have to be made.
BV52's picture

Ahhh that explains it good catch :-).

-BV52

Good to know. A naive question: Is this something you have to do from h5p.org or can we do it ourselves?

BV52's picture

Hi Renato,

I'm sorry it took this long to isolate the issue. I was actually using an older version of Chrome (last update Nov. 2017) which explains why I can still use the mic/camera without any issues. I've since updated it and I can reproduce the issue consistently. O have filed a bug report and you can follow the progress here.

-BV52

Happy to read that! Thank you very much and have a great start into the week!