jquery webcam 怎么用

JavaScript015

jquery webcam 怎么用,第1张

jQueryWebcam这个插件为直接在JavaScript中与摄像头通信提供了一个透明的访问层。它通一个SW文件与摄像头交互,可以显示Webcam输出和捕捉图象。如果有多个摄像头,它可以显示可用的摄像头列表,然后供用户选择其中任意一个。

一、jQuery Webcam介绍

jQuery的摄像头插件是一个透明层,用相机直接在JavaScript中的沟通。

这个插件提供了三种不同的模式,通过一个小的接入网络摄像头应用程序接口直接与JavaScript

-或者更准确地说是jQuery。因此,它是可能带来的图像在画布上(回调模式),存储图像在服务器(保存模式)和流的Flash元素的实况图像画布上(流模式)。

二、jQuery Webcam使用方法

简单调用

$("#camera").webcam({

width: 320,

height: 240,

mode: "callback",

swffile: "/download/jscam_canvas_only.swf",

onTick: function() {},

onSave: function() {},

onCapture: function() {},

debug: function() {},

onLoad: function() {}

})

参数说明

windth:flash文件的宽度

height:flash文件的高度

mode:储存模式:callback, save, stream

swffile:flash文件的地址

拍照

调用webcam.capture()方法实现拍照。

保存照片

webcam.save()方法实现保存照片,简单调用里面的onSave参数是保存照片的方法,接收一个函数为照片

var canvas = document.createElement("canvas")

canvas.setAttribute('width', 320)

canvas.setAttribute('height', 240)

if (canvas.toDataURL) {

ctx = canvas.getContext("2d")

image = ctx.getImageData(0, 0, 320, 240)

saveCB = function(data) {

var col = data.split("")

var img = image

for(var i = 0i <320i++) {

var tmp = parseInt(col[i])

img.data[pos + 0] = (tmp >>16) &0xff

img.data[pos + 1] = (tmp >>8) &0xff

img.data[pos + 2] = tmp &0xff

img.data[pos + 3] = 0xff

pos+= 4

}

if (pos >= 4 * 320 * 240) {

ctx.putImageData(img, 0, 0)

$.post("/author/uedsc?page=avatar", {type: "data", image: canvas.toDataURL("image/jpeg")}, function(){

location.reload()

})

pos = 0

}

}

} else {

saveCB = function(data) {

image.push(data)

pos+= 4 * 320

if (pos >= 4 * 320 * 240) {

$.post("/author/uedsc?page=avatar", {type: "data", image: image.join('|')}, function(){

location.reload()

})

pos = 0

}

}

}

以上是官方的例子,创建一个canvas来保存图片,然后上传到服务端。

问题一:怎么在网页上启用摄像头? 手动启动就好了啊

问题二:HTML5怎样在网页中使用摄像头功能 gbtags/...othjs/

这个js插件可以实现

问题三:win7摄像头在网页怎么打开摄像头 方法/步骤

win7摄像头怎么开?如何开?如何才能在windows7系统“我的电脑”中看到摄像头呢?我们可以用如下5种方法来解决。

一、首先进入设备管理器,看有没有摄像头这一设备,如果有,进入我的电脑就会看到这个图标,双击它就会打开如果没有,那么需要安装摄像头的驱动。驱动安装好后,在我的电脑中就会看到它了。这样就可以打开了。

二、运行QQ软件来打开win7摄像头

这个软件大家最熟悉不过了,可以通过其视频设置来打开摄像头。运行QQ软件,打开“系统设置”,在“好友和聊天”选项卡下选择语音视频,点击“视频设置”按钮,这个时候便会弹出视频设置窗口,选择好视频设备,就可以看到摄像头的预览画面了,通过“画质调节”按钮将画面调整到自己满意的效果即可。这个方法麻烦在要安装QQ软件,但QQ软件应该是许多人必备的软件吧。一些其他的通信软件也是具备这项功能的,比如Msn等。

三、下载AMcap来打开win7摄像头

win7 没有摄像头预览软件,预览功能要借助第三方软件,在网上下载一个AMcap,大约300K,安装好后将AMcap快捷方式放到C:用户本机用户名 AppdataRoamingMicrosoftWindowsNetwork shortcuts目录下,这样就可以在“我的电脑”中找到这个图标。

四、从Windows Vista 开始,系统就没有摄像头快捷方式了。所以,在Windows7中,即使摄像头已经装载完好,能正常使用,也看不到它的图标或快捷方式。如果想在“计算机”中看到摄像头怎么办?只能试试:把摄像头程序的快捷方式放到“计算机”中。

1、打开开始菜单,右键“计算机”选择“管理”。

2、在“计算机管理”窗口左边一栏,双击“设备管理器”。然后,从右边栏中找到“图像设备”,点开。在摄像头设备上右键鼠标,选择“属性”。

3、在“驱动程序”选项卡上,单击“驱动程序详细信息”,可以看到.exe 文件的详细路径(通常位于系统盘 Windows 文件夹下)。

4、在系统盘中,循路径找到这个程序文件,右键鼠标,选择“创建快捷方式”,存放到ghost xp sp3桌面上。

5、回到桌面,右键单击快捷方式,“复制”。然后打开如下文件夹:

系统盘:Users用户名AppDataRoamingMicrosoftWindowsNetwork Shortcuts

例如 C:UsersxiaoyiAppDataRoamingMicrosoftWindows Network Shortcuts (AppData 是隐藏文件夹。如果看不到,请点击“组织”-〉“文件夹和搜索选项”。在“查看”选项卡上点选 “显示隐藏的文件、文件夹和驱动器”。)

将快捷方式“粘贴”进来。

6、打开“计算机”,现在就可以看到摄像头图标了。

五、下载一个叫win7摄像头的软件,也挺方便的。

问题四:电脑打开网页后无法使用摄像头怎么办 1、打开开始菜单――控制面板

2、点击其中的Flash Player

3、在Flash Player设置管理器中点击切换到“摄像头和麦克风”

4、点击的“站点的摄像头和麦克风设置”

5、进入之后,点击左下角的“添加”按钮

6、输入需要使用摄像头的网站,点击“添加”

7、添加后可以在列表中看到该项,重新登录该网站,就可以访问摄像头了。

按照以上操作步骤就可以解决电脑打开网页后无法使用摄像头的问题了。

问题五:网页上使用摄像头怎么不能用? 说实话,到目前为止,我还没又发现任何有用的答案。

问题六:如何建立能访问监控摄像头的网站 网站方面我不是很懂,但是关于监控方面可以给你点建议。

1.网络摄像机是可以设置IP地址的,在同一个网段内可以通过直接输入摄像机的IP地址来访问,可以考虑是否可以用超链接绑定摄像机的IP地址,在打开的网页中输入用户名及密码后浏览视频信号,用网页浏览一般都只能浏览一台摄像机,想看另外一台摄像机必须重新输入IP地址。

2.一般网络摄像机的厂家都有自己的网络摄像机监控软件,首先你要确定你们学校用的是什么品牌的摄像机,然后联系摄像机的生产厂家或者代理商,看看他们有没有监控软件的SDK,就我所了解的目前像海康他们是可以免费提供SDK的。

希望对你有些帮助。

问题七:摄像头为什么在网页里不能用 35分 应该是IE安全设置的问题,缺少插件

你试下 internet设置-安全设置-internet设置-自定义设置-把所有设为启用

再试下可以不

问题八:怎么允许网站使用电脑的摄像头和麦克风? 1,先弄明白你上的网站是否能用摄像头和麦克风。2,即使网站让用,看看网站给没给你用的权限。如果以上都是肯定的。看看你的设置里。你要把视频驱动安装好,至于为什么还是用不了,右键打开我的电脑-管理-设备管理器-声音,视频。游戏控制器.看看有没有打岔的,有打岔的就启用.

问题九:为什么我的摄像头不能在网页上用? 是Adobe Flash Player 的问题。

解决方法如下:

1.卸载Adobe Flash Player 。到C:\WINDOWS\system32\Macromed\Flash下运行

uninstall_activeX.exe卸载Adobe Flash Player 。或到控制面板添加或删除程序那卸载。

2.安装Adobe Flash Player ――flash_player_10。到

dl.pconline/...1下载

flash_player_10.

3.安装flash_player_10。

4.安装更新。到C:\WINDOWS\system32\Macromed\Flash目录下运行FlashUtil10b.exe

5.重新启动系统。

6.网页摄像头正常使用。

问题十:怎样在网页上使用手机摄像头 只能使用电脑摄像头