Mobile Safari 是 iPhone 上的默认浏览器，许多开发者都想知道能否从这个浏览器中直接访问相机。在本文中，我们将深入探讨这个问题，并且提供示例代码和学习指导。
可行性分析
在 Mobile Safari 中访问相机并不是一个简单的任务，因为浏览器的安全特性会限制 JavaScript 代码访问设备硬件和文件系统等敏感资源。然而，如果你使用的是 iOS 11 或更高版本，那么你可以通过 WebRTC API 访问相机。
WebRTC 是一种实时通信技术，它可以在浏览器之间建立点对点的音视频连接。由于需要访问摄像头和麦克风等硬件设备，因此 WebRTC 支持在浏览器中访问相机。
实现步骤
要在 Mobile Safari 中访问相机，需要遵循以下几个步骤：
- 首先，需要在网页中引入 adapter.js 和 getUserMedia.js 两个 JavaScript 文件。adapter.js 是 WebRTC 的适配器，用于处理浏览器之间的差异性；而 getUserMedia.js 则是一个用于处理 getUserMedia API 的库。
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script> <script src="https://github.com/addyosmani/getUserMedia.js/blob/master/getusermedia.js"></script>
- 接下来，需要请求用户授权访问相机。getUserMedia API 提供了请求用户授权的方法，代码如下所示：
navigator.mediaDevices.getUserMedia({ video: true, audio: false })
.then(stream => {
// 成功获取到相机数据流
})
.catch(error => {
// 获取相机数据流失败
});在这段代码中，我们请求了相机的视频流，并且禁用了音频流。如果用户授权成功，则会返回一个包含相机数据流的 MediaStream 对象；否则，将会抛出一个错误。
- 最后，可以使用 HTML5 的 video 标签来显示相机数据流。代码如下所示：
-- -------------------- ---- -------
------ ----------------- -----------------
--------
----- ------------ - ----------------------------------------
------------------------------------- ------ ----- ------ ----- --
------------ -- -
---------------------- - -------
--
------------ -- -
------------------------------------------
---
---------在这段代码中，我们使用 <video> 标签来显示相机数据流，同时使用 JavaScript 将数据流赋值给视频元素的 srcObject 属性。
学习指导
通过本文的介绍，我们可以学习到如何在 Mobile Safari 中访问相机，以及如何使用 WebRTC API 和 getUserMedia.js 库来实现。另外，在实际开发中，我们还需要注意以下几点：
- 由于访问相机需要用户授权，因此需要提供友好的提示信息和交互方式，引导用户进行授权操作。
- 对于不支持 WebRTC 的浏览器，需要提供备用方案，例如上传图片或者使用其他第三方库。
示例代码
下面是一个完整的示例代码，用于在 Mobile Safari 中访问相机并显示视频流：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- --------------- ---------------------------- ------------------- --------------------- ------- ------ ------ ----------------- ----------------- ------- ------------------------------------- - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------