<!doctype html>
<html>
<head>
<title>html5 capture test</title>
</head>
<body>
<video autoplay id="myVideo"></video>
<img src="" id="myImg">
<canvas style="display: none;" id="myCanvas"></canvas>
<button id="capture" onclick="snapshot()">snapshot</button>
<script>
var video = document.getElementById("myVideo");
var canvas = document.getElementById("myCanvas");
var img = document.getElementById("myImg");
var ctx = canvas.getContext('2d');
var localMediaStream = null;
var snapshot = function () {
if (localMediaStream) {
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
img.width = video.videoWidth;
img.height = video.videoHeight;
ctx.drawImage(video, 0, 0);
document.getElementById("myImg").src = canvas.toDataURL('image/png');
}
};
navigator.mozGetUserMedia(
{video: true},
function (stream) {
video.src = window.URL.createObjectURL(stream);
localMediaStream = stream;
video.play();
},
function () {
alert('your browser does not support getUserMedia');
}
);
</script>
</body>
</html>
分享到：
相关推荐
HTML5 Camera API是现代网页应用中用于访问和捕获用户设备摄像头的一项重要功能。这个"html5camera(已测试可用).rar"压缩包文件显然包含了实现这一功能的相关代码和资源，便于前端开发者快速集成到自己的项目中。接...
《Camera_for_RockChipSDK参考说明_v4.1》是一个针对RockChip平台的摄像头驱动开发指南，主要聚焦于如何在该平台上实现和优化相机功能。本文将深入探讨这个指南中的关键知识点，帮助开发者理解并掌握camera驱动的...
《Camera1Sample-master.zip》是Android平台上一个关于Camera1 API使用的示例项目，它主要针对的是Android系统中早期的相机接口——Camera API1。在这个项目中，开发者详细地展示了如何利用Android SDK中的Camera类...
RTSP camera aims to establish an Android platform as a streaming server for the device's camera output. In order to register for receiving the camera stream, the Real-Time streaming protocol (RTSP) is...
总的来说，"camera preview test sample"是一个典型的Android Camera应用示例，它涵盖了Camera预览、预览回调以及SurfaceView的使用，是学习和理解Android Camera API的重要参考资料。开发者可以通过这个项目深入...
Mobile6.0 Camera Sample 使用VB.NET开发的相机应用是一个针对移动设备（可能是指Windows Mobile 6.0）的示例项目。这个应用演示了如何利用VB.NET编程语言来实现手机摄像头的功能，为开发者提供了一个基础的框架，以...
在linux下采集uvc camera mjpeg sample
USB摄像头连接安卓 Unity开发安卓应用 打开USB外部摄像头并获取图像
java camera view for androidj ava camera view for android
Camera for FireMonkey 2.2 源码安装版， Uses DirectShow 9 API， Supports for Delphi/C++ Builder XE2 - 10.3 FireMonkey applications Supports Windows 32 and Windows 64
5. **Firefox OS Device**：真实的设备环境是最终的测试场所，用于验证应用在实际硬件条件下的稳定性和兼容性。 构建模拟器的步骤如下： 1. 下载源码：`git clone git://github.com/mozilla-b2g/B2G.git` 2. 配置...
Winsoft_Camera_for_Android_3.5_Delphi_XE5_10.3_Cracked_Downloadly.ir.rar
《Cameralink接口标准详解》 Cameralink接口标准是一种专为高速图像传输设计的硬件接口，广泛应用于工业相机、机器视觉系统和其他高数据速率应用。这个标准的出现，极大地提升了图像数据传输的速度和稳定性，使得...
标题中的"Winsoft Camera for Android 3.5 Delphi XE10.3.rar"是一个专门针对这一主题的资源包，适用于Delphi和C Builder XE5至10.3版本的用户。 首先，我们来理解Android Camera API。这是Android系统提供的一套...
《WINSOFT Camera for Android V2.4在Delphi环境下的开发与应用》 WINSOFT Camera for Android V2.4是一款专为Delphi开发者设计的Android平台摄像头应用程序开发套件，它允许开发者利用Delphi的强大的编程能力，...
在本项目中，我们主要探讨如何使用Python的PyQt5库和OpenCV库来实现一个实时显示Camera图像的程序。PyQt5是一个强大的GUI库，它允许开发者创建丰富的图形用户界面，而OpenCV则是一个广泛使用的计算机视觉库，能够...
12.3MP Camera Module for Jetson Nano
K1随相机附带的光盘镜像，含完整Digital Camera Utility 5，适用与宾得单反相片处理
用HTML5 写的可以直接获取用户的摄像头，可以直接嵌入系统中，可以直接打开，非常好用的 用HTML5 写的可以直接获取用户的摄像头，可以直接嵌入系统中，可以直接打开，非常好用的 用HTML5 写的可以直接获取用户的...
MIPI Alliance Specification for Camera Serial Interface 2（CSI-2）是一种接口规范，旨在定义移动应用中相机设备与主处理器（如基带处理器或应用引擎）之间的标准通信方式。该规范的目的是为了确保不同制造商的...