html5调用摄像头,html打开摄像头
WebRTC可能是明年最受关注的HTML5标准。Mozilla开发了一套API来帮助你控制你的硬件,比如摄像头、麦克风或者加速度计。可以调用需要的本地硬件设备,不需要依赖其他插件。
在今天的文章中,我们将介绍Wolfram Hempel开发的Photobooth.js。使用这个类库可以帮助你快速调用相机功能,你可以很容易地将相机功能添加到网站中。并且帮你快速拍照。您可以使用此功能来拍摄用户的头像。不是很好吗?
主要特性:对比度设置、颜色设置、亮度设置、色相设置、照片按钮支持最新的chrome、firefox、opera等浏览器支持jQuery插件模式和javascript代码模式。
使用Chrome打开在线演示后,请确认允许浏览器调用您的相机,如下所示:
Javascript代码:复制代码。代码如下:
$( #网络摄像头)。照相亭()。on(image ,function( event,dataUrl ){
$(.no pic’)。hide();
$( #pictures )。prepend( img src= dataUrl );
});
上面的代码将生成的图片数据传递给这个id=picture的标签。详情请参阅相关的空气污染指数。
下载源代码。我希望你喜欢这个在线演示和我们提供的演示。如果您有任何问题,请给我们留言。谢谢大家!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。