html5调用摄像头,html打开摄像头

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: