iOS 11 getUserMedia 不起作用

IOS

IOS 11 getUserMedia 不起作用？

近年来，随着移动互联网的快速发展，越来越多的网页应用开始涉及到音视频通信。而在IOS 11中，getUserMedia这个API可以帮助开发者在网页中访问设备的摄像头和麦克风，从而实现实时音视频通信功能。然而，一些开发者在使用IOS 11中的getUserMedia时却遇到了问题，API似乎不起作用。那么，IOS 11 getUserMedia究竟是怎么回事呢？本文将为大家详细解答这个问题，并提供相应的案例代码。

在开始之前，我们需要先了解一下getUserMedia的作用和基本用法。getUserMedia是WebRTC规范中的一部分，它允许网页应用访问设备的媒体设备，如摄像头和麦克风。在以往的IOS版本中，getUserMedia的使用相对较为简单，只需要在网页中调用navigator.mediaDevices.getUserMedia方法，传入相应的参数即可。但是，在IOS 11中，开发者却遇到了问题，getUserMedia似乎无法正常工作。

IOS 11 getUserMedia的问题

在IOS 11中，getUserMedia的问题主要体现在两个方面：权限问题和音视频播放问题。

1. 权限问题：在IOS 11中，用户必须明确授权网页应用访问摄像头和麦克风。而在以往的版本中，用户授权的过程是隐式的，不需要用户手动操作。这导致一些开发者在使用getUserMedia时，无法获得用户的授权，从而无法正常访问设备的媒体设备。

2. 音视频播放问题：在IOS 11中，getUserMedia返回的音视频流无法直接在网页中播放。在以往的版本中，开发者可以通过将音视频流赋值给vIDEO或audio元素的src属性来实现播放。但是，在IOS 11中，这种方式不起作用，开发者需要使用新的方法来实现音视频的播放。

IOS 11 getUserMedia的解决方案

针对IOS 11中getUserMedia的问题，我们可以采取一些解决方案来解决。

1. 权限问题的解决方案：在IOS 11中，我们需要使用新的方法来请求用户授权。可以通过调用navigator.mediaDevices.getUserMedia方法，传入相应的constrAInts参数来请求用户授权。在用户授权之前，我们可以通过调用navigator.mediaDevices.getUserMedia({vIDEO: false, audio: false})方法来检测用户是否已经授权。如果返回的Promise对象的状态为rejected，则表示用户未授权，我们可以弹出相应的提示框引导用户进行授权。

2. 音视频播放问题的解决方案：在IOS 11中，我们可以使用新的API来实现音视频的播放。可以通过调用vIDEO或audio元素的srcObject属性，将音视频流赋值给srcObject属性来实现音视频的播放。代码示例如下：

navigator.mediaDevices.getUserMedia({vIDEO: true, audio: true})
  .then(stream => {
    const vIDEOElement = document.getElementById('vIDEO');
    vIDEOElement.srcObject = stream;
  })
  .catch(error => {
    console.error('Error accessing media devices: ', error);
  });

在上述代码中，我们首先调用getUserMedia方法来获取音视频流，然后将音视频流赋值给id为vIDEO的vIDEO元素的srcObject属性，从而实现音视频的播放。

虽然IOS 11中的getUserMedia存在一些问题，但通过使用新的方法和API，我们仍然可以解决这些问题。在使用getUserMedia时，我们需要注意权限问题和音视频播放问题，并采取相应的解决方案。通过合理地使用getUserMedia，我们可以为网页应用添加音视频通信功能，提升用户体验。