This site in other countries/regions:39979人阅读
& & & & 在HTML5规范的支持下，WebApp在手机上拍照已经成为可能。在下面，我将讲解Web App如何用手机进行拍照，显示在页面上并上传到服务器。1、& 视频流& & & &&HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签，并将从摄像头获得视频作为这个标签的输入来源（请注意目前仅Chrome和Opera支持getUserMedia。补充：请使用Opera支持HTML5的新版本，如果是Chrome，版本需为Chrome 18.0.1008+，并使用about:flags来开启WebRTC，请看下图）。&video id=&video& autoplay=&&&&/video&
var video_element = document.getElementById('video');
if (navigator.getUserMedia) { // opera should use opera.getUserMedia now, chrome use webkitGetUserMedia
navigator.getUserMedia('video',success, error);
function success(stream) {
video_element.src =
&/script&视频流2、& 拍照& & & &&拍照功能，我们采用HTML5的Canvas实时捕获Video标签的内容，Video元素能作为Canvas图像的输入，这一点很棒。主要代码如下：&script&
var canvas =document.createElement('canvas');
var ctx = canvas.getContext('2d');
ctx.fillStyle = &#ffffff&;
ctx.fillRect(0, 0, cw, ch);
ctx.drawImage(video_element, 0, 0, vvw,vvh, 0,0, vw,vh);
document.body.append(canvas);
&/script&3、& 图片获取& & & &&下面我们要从Canvas获取图片数据，其核心思路是用canvas的toDataURL将Canvas的数据转换为base64位编码的PNG图像，类似于“data:image/base64,xxxxx”的格式。var imgData =canvas.toDataURL(&image/png&);& & & &&因为真正图像数据是base64编码逗号之后的部分，所以我们实际服务器处理的图像数据应该是这部分，我们可以用两种办法来获取。& & & &&第一种：是在前端截取22位以后的字符串作为图像数据，例如：var data = imgData.substr(22);& & & &&如果要在上传前获取图片的大小，可以使用：var length = atob(data).// atob decodes a string of data which has been encoded using base-64 encoding& & & &&第二种：是在后端获取传输的数据后用后台语言截取22位以后的字符串。例如PHP里：$image = base64_decode( str_replace('data:image/base64,', '',$data);4、& 图片上传& & & &&在前端可以使用Ajax将上面获得的图片数据上传到后台脚本。例如使用jQuery时：$.post('upload.php',{ 'data' : data } );& & & &&在后台我们用PHP脚本接收数据并存储为图片。function convert_data($data){
$image = base64_decode( str_replace('data:image/base64,', '',$data);
save_to_file($image);
function save_to_file($image){
$fp = fopen($filename, 'w');
fwrite($fp, $image);
fclose($fp);
}& & & &&请注意，以上的解决方案不仅能用于Web App拍照上传，并且你可以实现把Canvas的输出转换为图片上传的功能。这样你可以使用Canvas为用户提供图片编辑，例如裁剪、上色、涂鸦的画板功能，然后把用户编辑完的图片保存到服务器上。Canvas涂鸦功能& & & & 在HTML5的驱动下，Web App与Native App之间是否还有不可逾越的鸿沟？我将会在3月23日百度开发者大会上现场来解答这个问题，敬请期待。&& & & &&相关规范：& & & &&The MediaCapture API：& & & &&Canvas：& & & & 相关The Media Capture示例：& & & &&& & & &&& & & &&原创文章，转载请标明出处：
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1259342次
积分：13837
积分：13837
排名：第257名
原创：157篇
转载：12篇
译文：46篇
评论：1392条
信天创投合伙人，百度魔图联合创始人
工作经历：百度、创新工场、腾讯、傲游
阅读：6003
文章：34篇
阅读：304133
文章：84篇
阅读：755464
(1)(1)(1)(1)(1)(2)(3)(1)(2)(5)(1)(1)(4)(5)(4)(3)(3)(6)(2)(5)(4)(3)(10)(9)(4)(4)(7)(3)(3)(2)(2)(4)(7)(10)(14)(4)(2)(1)(1)(2)(14)(4)(18)(31)您的位置：
避孕话题>>
& 11:06:24
& 11:06:54
& 11:06:04
& 02:06:41
& 11:06:48
& 11:06:25
& 10:06:00
& 10:06:03
& 10:06:11
& 10:06:21
& 03:06:14
& 03:06:39
& 04:06:01
& 04:06:59
& 03:06:05
& 11:04:51
& 11:04:56
& 11:04:01
& 12:04:58
& 11:04:55
& 12:04:51
& 11:04:05
& 11:04:42
& 10:04:56
& 10:04:33
& 11:04:02
& 10:04:33
& 10:04:53
& 11:04:42
& 12:04:30
& 11:04:13
& 09:04:41
& 11:04:21
& 10:04:14
& 09:04:59
& 09:04:16
& 09:04:48
& 02:04:32
& 10:04:34
& 11:03:45
& 11:03:26
& 10:03:41
& 02:03:41
& 10:03:33
& 10:03:12青青子衿, 悠悠我心, 但为君故, 沉吟至今
如何使用代理服务器上网
　　前几天，有两个同事咨询过我，如何使用代理上网，我发现其过程还是挺多的，与其我一步步讲给他们听，不如写一个教程，这样他们也更能理解和操作。下面我就介绍一下我是怎么使用代理服务器的，算是一篇科普教程吧。　　什么是代理服务器&　　代理服务器（Proxy Server）是网上提供转接功能的服务器，在一般情况下，我们使用网络浏览器直接去连接其他Internet站点取得网络信息时，是直接联系到目的站点服务器，然后由目的站点服务器把信息传送回来。代理服务器是介于客户端和Web服务器之间的另一台服务器，有了它之后，浏览器不是直接到Web服务器去取回网页而是向代理服务器发出请求，信号会先送到代理服务器，由代理服务器来取回浏览器所需要的信息并传送给你的浏览器。　　比如你想访问的目的网站是A，由于某种原因你不能访问到网站A或者你不想直接访问网站A（这样通过代理服务器网站A，对网站A而已可以隐藏你自己的身份，也就是不知道是谁访问的网站，而认为是代理服务器访问的），此时你就可以使用代理服务器，在实际访问网站的时候，你在浏览器的地址栏内和你以前一样输入你要访问的网站，浏览器会自动先访问代理服务器，然后代理服务器会自动给你转接到你的目标网站。　　代理服务器的作用　　提高访问速度：通常代理服务器都设置一个较大的缓冲区，当有外界的信息通过时，同时也将其保存到缓冲区中，当其他用户再访问相同的信息时，则直接由缓冲区中取出信息，传给用户，以提高访问速度。　　隐藏真实身份：上网者也可以通过代理服务器隐藏自己的真实地址信息，还可隐藏自己的IP，防止被黑客攻击。　　突破限制：有时候网络供应商会对上网用户的端口，目的网站，协议，游戏，即时通讯软件等的限制，使用代理服务器都可以突破这些限制。　　代理服务器主要类型　　HTTP代理：最简单的一种代理形式，能够代理客户机的HTTP访问，上网浏览网页使用的都是HTTP协议，通常的HTTP代理端口为80、端口。　　SOCKS代理：SOCKS代理与HTTP等其他类型的代理不同，它只是简单地传递数据包，而并不关心是何种应用协议，既可以是HTTP协议，也可以是FTP协议，或者其他任何协议，所以SOCKS代理服务器比其他类型的代理服务器速度要快得多。SOCKS代理又分为SOCKS4和 SOCKS5，二者不同的是SOCKS4代理只支持TCP协议（即传输控制协议），而SOCKS5代理则既支持TCP协议又支持UDP协议（即用户数据包协议），还支持各种身份验证机制、服务器端远程域名解析（解决DNS污染就靠这个了）等。SOCK4能做到的SOCKS5都可得到，但SOCKS5能够做到的SOCKS则不一定能做到。目前SOCKS5是最常用的一种SOCKS代理。　　如何使用HTTP代理服务器　　HTTP代理服务器的设置方法，对于IE和FireFox设置略有不同。设置前需要先找一些可用的。　　IE的设置是这样的，打开IE浏览器，选择菜单栏的&工具/Internet选项...&。　　这时候分两种情况，对于ADSL拨号用户来说，选择一个网络连接后，点&设置&，如下图所示，选中代理服务器，填入地址和端口号。　　对于局域网用户来说，需要点&局域网设置&，如下图所示，选中代理服务器，填入地址和端口号。　　FireFox的设置和IE类似，打开FireFox浏览器，选择菜单栏的&工具/选项...&。　　这时选择&高级/网络&，点设置，就出现下面的界面，就可以进行代理服务器的设置了，选中&手动配置代理&，然后填写代理服务器的地址和端口。　　　如何使用SOCKS代理服务器　　这里就到重点内容了，SOCKS代理是目前功能最为全面，使用最为稳定的代理服务器，我目前上网就只用SSH搭建SOCKS代理服务器上网，访问网络没有任何限制。下面我就着重讲一下如何使用SOCKS代理服务器。　　用SSH搭建SOCKS代理上网，建议使用Firefox浏览器，因为Firefox支持SOCKS代理远程域名解析，而IE只能通过类似这样的第三方软件实现，不是很方便。　　配置Firefox浏览器　　在Firefox设置SOCKS远程域名解析，主要是为了防止，具体设置方法是，在Firefox地址栏中，输入 about:config ，按确认，修改里面的一项数值，改成 network.proxy.socks_remote_dns=true 就可以了。　　然后，打开FireFox浏览器，选择菜单栏的&工具/选项...&。选择&高级/网络&，点设置，就出现下面的界面，就可以进行代理服务器的设置了，选中&手动配置代理&，然后在SOCKS主机上，填写代理服务器的地址127.0.0.1，端口1080，SOCKS类型选择&SOCKS V5&，这时Firefox就配置结束。　　设置SSH　　配置好了Firefox，就该配置了，安全外壳协议（Secure Shell Protocol / SSH）是一种在不安全网络上提供安全远程登录及其它安全网络服务的协议。常用的SSH工具有开源软件PuTTY，支持SSH远程登录的主机可以实现socks5代理服务器的功能，不过在PuTTY中没有配置文件，需要手动设置才能实现，且无法保存，而PuTTY完整版自带的pLink可以实现命令行方式调用PuTTY实现SSH的加密通道。　　具体的方法是，去PuTTY官方网站下载这个文件，pLink的调用参数是：plink -C -v -N -pw 密码 -D 本地端口 远程用户@IP或域名:远程希望打开的端口。　　新建一个文件，写入以下内容，另存为pLink.bat批处理文件，并放在Putty的安装目录内。　　@plink -N Username@sshServer -pw Password -D 127.0.0.1:1080　　请将Username sshServer Password三处改为用户自己登陆SSH服务器的用户名、服务器地址和密码。这个SSH帐号可以通过多种方法获得，例如用户购买了某些国外主机空间或VPS就会有SSH帐号，或者在淘宝网也有SSH帐号出售，我自用的SSH帐号是用每年100美元购买虚拟主机时赠送的，通常SSH帐号的价格大约是每年几十元人民币左右，也有少量国外网站提供免费的SSH帐号。　　执行这个批处理文件，保持其窗口开启，一旦关闭窗口代理便失效。然后打开已经配置好127.0.0.1:1080的Socks5代理的Firefox浏览器，就可以使用SOCKS代理服务器上网了。　　其他设置技巧　　为了方便代理服务器的快速切换，我推荐两个，一个是，可以实现一键切换代理功能，QuickProxy安装后在状态栏有一个按钮，点击后可以启用、关闭Firefox浏览器的默认代理设置，可以快速在代理和非代理之间切换，很方便。界面如下图所示。另一个是，通过一份无法访问的域名列表目录，实现自动在代理和非代理之间切换，该域名列表目录由志愿者手动维护。AutoProxy还可实现自定义您自己的代理规则；订阅规则列表；自定义代理服务器等功能。使用AutoProxy的时候需要注意，点&代理服务器-编辑代理服务器&，将ssh -D的端口由7070修改为1080，点&代理服务器-选择代理服务器&，将ssh -D设置为默认。　　设置完成了之后，你就可以自由自在地在开放的互联网上傲游了。根据我的使用经验，基于SSH的SOCKS代理稳定、快速、功能全面，是值得推荐的代理方法，使用过程中流量需要自己把控，我个人觉得其浏览体验要远远高于其他代理软件。
　　除非注明，文章均为原创，转载请以链接形式标明本文地址
　　本文地址：
赞助商广告
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.微信不外乎就分了付费推广手段，免费推广手段(其中包含线上推广手段，线下推广手段)。今天就先跟大家分享免费的推广手段，而免费推广手段中，其中有2种是从有微信公众平台开始到现在都是公认最好的。
如何写高点击率的文章标题
微信公众号的格式，这是精华。
如何用微信寻找女朋友？
5种恶心的微信玩法
　　众所周知流量是互联网生态最重要的一环，不管是在PC还是移动端，不管是微博还是微信公众号，没有流量，一切都是扯淡。微社区也是如此! 　　如何提升流量，这个话题很大，今天给站长朋友们支一小招：关注本地民生 ...
在公众账号越来越多了，加上现在正在内测的微信自定义菜单功能，公众账号已然变身app了。如何管理n多的公众账号除了让用户觉得头疼外，也是微信团队一直在思考的问题。
在微信上卖东西，首先要解决的就是产品的问题。
微信公众平台也已经成为大家日常生活当中不可缺少的方式之一，同时借助于微信公众平台账户，可以将平台展示信息更好的来运用到网站之上。
关于微信公众号的类型，有服务号和订阅号。我们就需要根据服务的人群及产品的特性来决定使用什么类型的公众号。
微信互动活动的七大法则
微信公众平台上的微信聊天记录可以保留5天，但公众平台回复用户消息时限将从24小时延长为48小时，所以我们有必要进行及时回复、微信聊天记录导出备份。
做微信营销也是一样，要明确产品的消费群体是谁?产品的优势是什么?要站在消费者的角度去思考，去了解消费者，才能够针对性的吸引消费者。
　微信推送的内容还需要保持多元化和多样性。话题内容的多元化包括情感类、新鲜类、实用类、消遣类、娱乐类及通用话题。
注册微信公众号的技巧
Powered by
& 2014 微赢宝旗下网站