首页HTML5调用IOS摄像头的代码

HTML5调用IOS摄像头的代码

时间: 2023-09-08 21:14:20 浏览: 142

HTML5调用IOS摄像头需要使用Javascript和HTML5的API。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>HTML5调用IOS摄像头的示例</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> #video { width: 100%; height: auto; max-width: 640px; margin: 0 auto; display: block; } </style> </head> <body> <video id="video" autoplay></video> <script> var video = document.querySelector("#video"); if (navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserMedia({ video: true }) .then(function(stream) { video.srcObject = stream; }) .catch(function(err0r) { console.log("Something went wrong!"); }); } </script> </body> </html> ``` 上面的代码使用了`navigator.mediaDevices.getUserMedia`方法来获取用户的媒体设备，然后将其绑定到HTML5的`<video>`元素上。在IOS设备上，用户会看到一个提示框，询问是否允许访问相机。如果用户允许，视频就会自动播放。需要注意的是，IOS设备上的Safari浏览器需要在设置中开启摄像头访问权限才能正常工作。此外，在使用HTTPS协议的网页上才能使用此功能。

阅读全文