时常会在地铁上用手机搜一些技术资料，并且一搜很多还都是csdn上的文章，这时候看到一些好的就想发送到电脑上回去了好好研究。我通常的做法是先通过QQ发送到&我的电脑&，然后回去用电脑登录打开手机发过来的链接，可是会碰到一个问题，就是那些手机上的链接都是基于手机屏幕的，比如都会以这样的形式出现，
在电脑上显示会非常奇怪，那怎么样把一篇手机地址的csdn博文链接转换成电脑版的呢？我们来看看这个链接(不是打广告，我今天搜到的一篇关于synchronized的)
http://m.blog.csdn.net/article/details?id=
很奇怪有没有？ 这时候只需将m.去掉，然后在blog.csdn.net/ 后面补充上作者博客名，再将?id= 换成&/& 即可， 转换过来就是这样的：
http://blog.csdn.net/luoweifu/article/details/
看看效果：
欧拉，完美解决！不懂的也没关系，照着我这个格式改就可以了。
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：33561次
排名：千里之外
原创：16篇
转载：22篇
(2)(6)(1)(3)(1)(3)(6)(1)(3)(1)(3)(1)(1)(6)HTML5如何调用电脑或手机上的摄像头
查看: 6245|
摘要: 很多同学问的最多的一个问题就是,html5在不利用phoengap调用原生的情况下如何调用手机摄像头，今天给大家分享一个HTML5如何调用电脑或手机上的摄像头 的文章希望对大家有帮助移动设备和桌面电脑上的客户端API起初并
多同学问的最多的一个问题就是,html5在不利用phoengap调用原生的情况下如何调用手机摄像头，今天给大家分享一个HTML5如何调用电脑或手机上的摄像头 的文章希望对大家有帮助移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机。下面就让我展示一下如何通过浏览器来访问你的摄像头，并提取截屏图形。HTML代码下面的代码里我写了一部分注释，请阅读：&pre&&!--
理想情况下我们应该先判断你的设备上是否 有摄像头或相机，但简单起见，我们在这里直接 写出了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&&/pre&在写出上面这些标记前应该判断用户的客户端是否有摄像头支持，但这里为了不那么麻烦，这里直接写出了这些HTML标记，需要注意的是我们这里使用的长宽是640×480。JavaScript代码因为我们是手工写出的HTML，所以下面的js代码会比你想象的要简单了很多。// Put event listeners into placewindow.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的画布技术及其强大，我们可以给图片上加入各种迷人的滤镜效果。现在，在浏览器里用自己的摄像头给自己拍张照片吧！有兴趣的童鞋可以试试这种方法
刚表态过的朋友 ()
上一篇：下一篇：
站长推荐 /1
Ionic(ionicframework)号称未来最有潜力的一款html5移动app开发框架是Angularjs移动端解决方案，Angularjs号称下一代web应用，Ionic移动app开发教程值得拥有
Powered by现在位置： &
& 淘宝天猫电脑端收藏链接转成手机端收藏链接的方法
淘宝天猫电脑端收藏链接转成手机端收藏链接的方法
数据加载中...
相信很多人都知道怎么获取淘宝或者天猫店铺的电脑端收藏链接，但是手机端的店铺收藏链接却不知道如何获取，的确这个不利用工具的话是很难获取到的，下面疯狂小编就告诉大家一个简单的方法获取店铺手机端收藏链接，通过店铺地址即可转换。
第一步打开：多功能链接转换工具，在线版
传送门：/topic-pctowap.html 这里进入
然后找到：淘宝天猫手机无线端收藏店铺链接转换 工具
在店铺地址栏中输入店铺地址然后点击生成按钮即可获取到手机端店铺收藏链接啦。
猜你想看：
疯狂的美工手机客户端
手机看教程,学经验,看新闻
管理疯狂美工账号
请使用QQ扫一扫
阿里巴巴装修助手代码工具
疯狂的美工京东装修助手
常见问题/技术分享
微信扫一扫关注
疯狂的美工会员QQ群
会员1群(满):
会员2群(满):
会员3群(满):
会员4群(满):
会员5群(满):
会员6群(满):
会员7群(满):
会员8群(满):
会员9群(满):
会员10群(满):
会员11群(满):
会员12群(闲):
分享本页到
如果觉得我们软件不错您可以：
／产品相关
锋狂网络科技有限公司旗下
版权所有 Copyright(C)2013 - 2017
浙ICP备号-3}