名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。
- 本篇文章的具体介绍如下
WebRTC可能是明年最受关注的网页hTML5教程标准了,Mozilla为此开发建设了一套帮助您控制硬件的API,例如,摄像头,麦克风,或者是加速表。您可以不依赖其它的插件来相关调用您需要的本机硬件设备。
在今天的这篇文章中,咱们将介绍来自Wolfram hempel开发建设的Photobooth.js,使用这个类库可以帮助您快速的相关调用摄像头功能,您可以很容易的添加摄像头功能到网站中。并且快速的帮助您拍照,您可以使用这个功能来实现用户的大头照拍摄,是不是非常不错?
主要特性:-
对比度设置颜色设置亮度设置色调设置拍照按钮支持最新的chrome, firefox, opera等浏览器支持jQuery插件方式和javascript具体代码方式
使用Chrome打开在线演示后,请确认允许浏览器相关调用您的摄像头,如下:
Javascript具体代码:
具体代码如下:
$('#webcam').photobooth().on("image",function( event, dataUrl ){
$('.nopic').hide();
$( "#pictures" ).prepend( '<img src="' dataUrl '" >');
});
以上具体代码将生成的图片数据传递到id=picture的这个网页文章标签中。具体说明请参考相关API。
源码下载
希望大家喜欢咱们提供的这个在线演示和demo,如果您有任何问题,请给咱们留言,谢谢!
关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,超酷摄像头,拍照使用网页hTML5教程的链接预取功能(link prefetching)给网站提速