要在HTML5中调用手机摄像头，通常需要使用``元素来触发摄像头的拍摄功能。这个元素允许用户从设备中选择文件，当设置了`capture=camera`属性时，它会优先提示用户使用摄像头来拍摄照片，而不是从相册中选择。

下面是一个简单的示例代码，展示了如何使用这个元素来调用手机摄像头：

```htmlCamera Capture Example

function previewImage { var file = event.target.files; var reader = new FileReader; reader.onload = function { var img = document.createElement; img.src = e.target.result; document.body.appendChild; }; reader.readAsDataURL;}

在这个示例中，当用户点击``元素时，会弹出摄像头的界面，用户可以拍摄照片。拍摄的照片会被读取并显示在页面上。

请注意，这个功能可能需要用户授予相应的权限，例如访问摄像头的权限。在不同的浏览器和操作系统上，这个功能的表现可能有所不同。此外，这个方法只能用于拍摄照片，而不是录制视频。如果需要录制视频，可以使用``元素和`getUserMedia` API来实现。

HTML5调用手机摄像头：实现移动端拍照与录像功能

随着移动互联网的快速发展，越来越多的应用需要在移动端实现拍照和录像功能。HTML5提供了丰富的API，使得开发者可以轻松地在网页中调用手机摄像头。本文将详细介绍如何使用HTML5调用手机摄像头，实现拍照和录像功能。

一、HTML5摄像头API简介

HTML5的Media Capture API允许Web应用程序访问摄像头和麦克风，用户可以直接使用`getUserMedia`接口获取摄像头提供的视频流。该API在Chrome、Firefox、Safari等主流浏览器中都有较好的支持。

二、获取摄像头权限

在使用摄像头之前，首先需要获取用户的权限。以下是一个简单的示例代码，演示如何获取摄像头权限：

```html