javascript - Twilio 视频在 Android 上的 Chrome 和 iOS 上的 Safari 中失败，但在桌面上正常

Question

支持矩阵似乎表明应该支持: https://www.twilio.com/docs/video/javascript#supported-browsers

我没有发现它不受支持，但在我的桌面上运行的内容不适用于 3 个移动设备中的任何一个。

我正在使用 JS 视频快速入门，其代码位于此处 https://github.com/twilio/video-quickstart-js 。应用程序的其余部分可以工作，但尝试预览视频在所有移动平台上都会失败。

https://mdn-samples.mozilla.org/s/webrtc-capturestill/ 处的示例在 Android 上的 Chrome 和 iOS 上的 Safari 中按预期工作，因此这看起来肯定是 Twilio 的错误。

错误是“无法访问摄像头和麦克风”它来自这里:

// Preview LocalParticipant's Tracks.
document.getElementById('button-preview').onclick = function() {
  var localTracksPromise = previewTracks
    ? Promise.resolve(previewTracks)
    : Video.createLocalTracks();

  localTracksPromise.then(function(tracks) {
    window.previewTracks = previewTracks = tracks;
    var previewContainer = document.getElementById('local-media');
    if (!previewContainer.querySelector('video')) {
      attachTracks(tracks, previewContainer);
    }
  }, function(error) {
    console.error('Unable to access local media', error);
    log('Unable to access Camera and Microphone');
  });
};

Answer 1

要在手机或平板电脑(iOS 或 Android)上使用视频，您必须通过 https 提供页面。如果你不这样做，你就会得到这些结果。 Sooooo，放入反向代理和来自 certbot 的证书...