HTML5是現代Web開發中不可或缺的一部分。HTML5擁有豐富的API和功能，其中之一便是提供了拍照功能。本文將介紹如何使用HTML5實現拍照功能。

首先，我們需要在HTML中創建一個canvas元素，用于展示拍照后的照片。代碼如下：

<canvas id="canvas"></canvas>

然后，我們需要添加一個拍照按鈕，用于觸發拍照事件。代碼如下：

<button id="snap">拍照</button>

接著，我們需要寫一些JavaScript代碼來控制拍照事件。代碼如下：

var video = document.createElement('video');
var canvas = document.getElementById('canvas');
var snap = document.getElementById('snap');
navigator.mediaDevices.getUserMedia({video: true})
.then(function(stream) {
video.srcObject = stream;
video.play();
})
.catch(function(err) {
console.log("發生了錯誤：" + err.message);
});
snap.addEventListener('click', function() {
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
canvas.getContext('2d').drawImage(video, 0, 0);
});

上述代碼使用了WebRTC庫中的getUserMedia函數來獲取攝像頭視頻流。接著，我們將視頻流綁定到一個video元素中，并播放視頻。最后，我們將canvas元素的寬高設置成與視頻流相同，然后使用getContext('2d')方法將視頻流繪制到canvas中。

至此，我們已經實現了HTML5拍照功能的代碼。運行代碼后，點擊“拍照”按鈕即可拍攝照片并將其展示在canvas元素中。