该博客介绍如何利用HTML5的Canvas和JSP实现网页上的摄像头拍照功能。通过navigator.getUserMedia接口获取视频流，展示在video元素中，并提供拍照按钮，点击后将视频帧捕获到canvas，再转化为base64数据上传到服务器。
<!-- 页面HTML代码 -->
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
2 <%@ include file="/includes/ctx.jsp" %>
3 <!DOCTYPE html>
4 <html>
5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7 <title>webcam</title>
8 <script type="text/javascript" src="${ctx}/js/jquery-1.11.2.js"></script>
9 <script type="text/javascript">
10 window.onload = function (){
11 try{
12 //动态创建一个canvas元 ，并获取他2Dcontext。如果出现异常则表示不支持
13 document.createElement("canvas").getContext("2d");
14 document.getElementById("support").innerHTML = "浏
最低0.47元/天 解锁文章
4545
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
