[iOS][MacOS] The camera recording button is not available on the camera object

[Softvision-RemusDranca]

[Affected Versions]:

• Safari 14
• Chrome 87 (iOS)

[Affected Platforms]:

• MacOS 10.15.7
• Iphone SE 14.4

[Prerequisites]:

• Have a room opened on "https://hubs.mozilla.com/" website.

[Steps to reproduce]:

1. Click the "Place" button from the menu bar.
2. Click the "Camera" button from the prompt displayed.
3. Observe the camera object spawned into the room.

[Expected results]:

• The camera recording button is displayed.

[Actual results]:

• The camera recording button is not displayed.

[Notes]:

• The left and right arrows for the video camera are also not displayed.
• The take photo button is available.
• Attached is a screenshot of the issue from MacOS and iOS and also with the expected button UI from a different browser:
  

┆Issue is synchronized with this Jira Task

[Softvision-RemusDranca]

After further investigation it seems that this issue is also reproducible on Chrome 87 on the iOS device.
Considering this I will update the issue accordingly.

[takahirox]

I can reproduce this problem on my iPhoneX (iOS15) Safari

[takahirox]

I internally asked the other devs and they mentioned disabling camera recording feature on MacOS and iOS is intentional because when they first implemented it the MediaRecorder API was either not available or buggy and there may also have been an issue with the video codecs that webkit allows.

I want to break down this issue to two

1. We should document that currently camera recording feature is unavailable on MacOS/iOS may be in https://hubs.mozilla.com/docs/hubs-features.html Then I opened Clarify that camera recording feature is disabled on MacOS/iOS hubs-docs#116

2. There might be a chance that the problems on MacOS/iOS are outdated. So if we get a feature request "enable camera recording feature on MacOS/iOS" we can check if the problems on MacOS/iOS still exist and if they are outdated we may be able to make a PR to support it.

So, I would like to suggest to close this issue so far. What do you think?

[Softvision-RemusDranca]

It's a tough call on my end to take, even though I understand the situation. I think that the resolution for this "issue" is best if taken by management :). Thanks for your understanding!

[keianhzo]

I've looked into it and Safari 15.4 only supports video/mp4 with avc1 codec. But even using that codec MediaRecorder doesn't work when capturing from a stream so it seem that Webkit Media recorded it's broken:
https://bugs.webkit.org/show_bug.cgi?id=236203
The bug seems to be fixed by 2022-05-05 so maybe in next version it's solved.

https://codesandbox.io/s/media-recorder-6tlzb?file=/src/index.js
https://mozdevs.github.io/MediaRecorder-examples/record-canvas-to-video.html