电脑有手机摄像头连接电脑怎么在手机上用呢

来源：蜘蛛抓取(WebSpider) 时间：2016-10-14 21:38 标签： 安卓手机当电脑摄像头
10128人阅读
管理者/开发者（118）
JavaScript（56）
HTML5已经火了几个年头，尤其是出现可互动的功能，比如Canvas通过JS代码操作用户设备PC或手机上的摄像头，这将是未来各个互动应用的频繁的操作技术，这里见到转载一下，原文参见
移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机。下面就让我展示一下如何通过浏览器来访问你的摄像头，并提取截屏图形。
下面的代码里我写了一部分注释，请阅读：
理想情况下我们应该先判断你的设备上是否
有摄像头或相机，但简单起见，我们在这里直接
写出了HTML标记，而不是用JavaScript先判断
然后动态生成这些标记
&video id=&video& width=&640& height=&480& autoplay&&/video&
&button id=&snap&&Snap Photo&/button&
&canvas id=&canvas& width=&640& height=&480&&&/canvas&在写出上面这些标记前应该判断用户的客户端是否有摄像头支持，但这里为了不那么麻烦，这里直接写出了这些HTML标记，需要注意的是我们这里使用的长宽是640×480。
JavaScript代码
因为我们是手工写出的HTML，所以下面的js代码会比你想象的要简单了很多。
// Put event listeners into place
window.addEventListener(&DOMContentLoaded&, function() {
// Grab elements, create settings, etc.
var canvas = document.getElementById(&canvas&),
context = canvas.getContext(&2d&),
video = document.getElementById(&video&),
videoObj = { &video&: true },
errBack = function(error) {
console.log(&Video capture error: &, error.code);
// Put video listeners into place
if(navigator.getUserMedia) { // Standard
navigator.getUserMedia(videoObj, function(stream) {
video.src =
video.play();
}, errBack);
} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia(videoObj, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
else if(navigator.mozGetUserMedia) { // Firefox-prefixed
navigator.mozGetUserMedia(videoObj, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}, false);一旦判断出用户浏览器支持getUserMedia ，下面就非常简单了，只需要将那个video元素的src设置为用户的摄像头视频直播连接。这就是用浏览器访问摄像头需要做的所有的事情！
拍照的功能只能说是稍微复杂一点点。我们在按钮上加入一个监听器，将视频画面画到画布上。
// 触发拍照动作
document.getElementById(&snap&)
.addEventListener(&click&, function() {
context.drawImage(video, 0, 0, 640, 480);
});当然，你还可以在图片上加一些滤镜效果….我还是把这些技术放到以后的文章里再说吧。但至少你可以将这个画布图像转换成一张图片。
以前我们需要使用第三方的插件才能从浏览器里访问用户的摄像头，这不免有些复杂。现在只需要HTML5的画布技术和javaScript，我们就能简单快速的操作用户的摄像头。不仅仅还是访问摄像头，而且是因为HTML5的画布技术及其强大，我们可以给图片上加入各种迷人的滤镜效果。现在，在浏览器里用自己的摄像头给自己拍张照片吧！
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：463062次
积分：5650
积分：5650
排名：第3318名
原创：107篇
转载：82篇
评论：72条
(2)(9)(2)(1)(1)(1)(4)(1)(4)(9)(6)(5)(13)(7)(2)(8)(4)(3)(3)(9)(3)(4)(7)(4)(2)(3)(10)(6)(3)(7)(1)(32)(2)(6)(5)(1)教你在电脑上用手机摄像头视频-科技视频-搜狐视频
教你在电脑上用手机摄像头视频
视频介绍：
请关注我们的新浪微博和微博:@HTC用户之家
推荐出品人
科技热播榜13:51:376260
目前PC版本和Android最新版本为 4.3 ，手机支持无线wifi和USB有线两种连接方式，让你色色无忧。
请大家把电脑和手机版本都更新到最新的4.3版本
无线WIFI方式连接使用说明安装PC桌面客户端和手机端程序运行PC桌面客户端和手机端程序手机与PC在同一局域网内上网先运行PC软件，再运行手机程序，此时手机端程序会自动搜索同局域网内的PC软件如果没有自动连接，请:
& &在PC客户端，点击鼠标右键，选无线连接(wifi)菜单，输入手机端左下角验证码
手机USB线连接方式使用说明安装PC桌面客户端和手机端程序运行PC桌面客户端和手机端程序插上手机线，此时手机程序会自动连接到电脑软件如果没有自动连接，请:
& & 重新连接下手机线 或者 在PC客户端，点击鼠标右键，选手机线连接（USB）菜单
手机USB线连接失败处理检查USB 调试是否已 打开USB调试模式？
有时候，在手机上USB调试虽然显示是勾选状态，但有可能是假象，这时候，可以先取消勾选，再进行勾选，重新激活USB调试开关的打开状态。如果确认USB调试模式已经打开，但依旧连接不上魅色，请检查电脑是否安装手机驱动。
打开手机USB调试模式在手机上按下"Menu"键，在弹出的菜单中选择"Setting（设置）"；选择"应用程序"；在此界面勾选"未知来源"，然后选择"开发"；勾选"USB调试"，"保持唤醒状态"即可。
检查电脑是否安装手机驱动打开手机调试模式，使用数据线连接电脑。1.打开电脑设备管理器，右键"我的电脑"-"属性"-"硬件"-"设备管理器"。
如果有黄色叹号，则说明驱动未安装正常；
路过看大神
前排占位，期待加分，支持楼主
飘过，留下脚印
期待vivo的复兴
正准备入手呢。
支持vivo手机
顶一下，支持楼主
飘过，留下脚印
您需要注册登录后，才能回帖哦！
快速登录：怎么用电脑控制手机摄像头,如何用电脑控制手机屏幕,电脑控制手机照相5u842i 7:38:512.常见电脑版微信多开：电脑安卓模拟器微信多开，一旦使用，立马被封号，腾讯官方严重打击非正规渠道的微信登陆。而且电脑网页版多开，没有朋友圈功能，同一个IP登陆多个微信也容易封号。完全取代微信团队，节约成本的同时。效率以一敌百，让你的人气瞬间爆棚，让你的业绩大幅度提升，100个微信号：朋友圈一键更新、一键加人、一键定位、一键打招呼、一键发红包，像商务通一样，与人沟通，没有做不到的，只有你想不到的——无忧微群控都可以实现。无忧新媒体营销引擎需要搭配硬件使用，因为硬件服务器控制的手机数量不同，当然价格也是有所差别的。最终所要做的还是要服务于微信营销的，微群控让你的微信营销与众不同。怎么用电脑控制手机摄像头如何用电脑控制手机屏幕 电脑控制手机照相 微群控 破解版 手机群控
免责声明：以上信息内容由会员自行发布，不代表本站的观点和立场；详询请联系信息原作者！

我要回帖

更多关于 安卓手机当电脑摄像头 的文章

 

随机推荐