js 获取 mediaDevices 切换摄像头

JavaScript 使用 mediaDevices API 选择摄像头

大多数智能手机都有前置和后置摄像头,当你在创建视频应用时你可能想要选择或者切换前置.后置摄像头. 如果你开发的是一款聊天应用,你很可能会想调用前置摄像头,但如果你开发的是一款拍照软件,那么你会更倾向于使用后置摄像头.在这篇文章中我们将探讨如何通过 mediaDevices API 和 media constraints (媒体约束) 选择或者切换摄像头. 准备工作要跟着本文一起动手实践你需要: 一款拥有两个可供测试的摄像头的 iOS 或 Android 设备,如果你的电脑有两个摄像头那也可以

js获取每个按键的ASCII值

通过js绑定键盘按下事件onkeydown获取每个按键的ascII值. js获取每个按键的ascii值 <script language="javascript"> //获取每个按键的值 function keyDown() { var keycode=event.keyCode; var keychar=String.fromCharCode(keycode); console.log('ASCII='+keycode+'\nKeyChar='+keychar); } d

JS获取客户端IP地址、MAC和主机名七种方法

一.使用JS获取客户端IP的几个方法方法一(只针对IE且客户端的IE允许AcitiveX运行,通过平台:XP,SERVER03,2000).获取客户端IP代码:<HTML><HEAD><TITLE>GetLocalIP</TITLE></HEAD><BODY>获取IP:<script language="JavaScript"> function GetLocalIPAddr(){ var oSetti

前端设计——js实现图片切换的淡入淡出

1.网页结构如图所示 2.页面布局设计细节 ①分块:一个小方块是一个div. ②无序列表一般是竖直排放的,可以通过float让其水平排放.float:left; ③三个小方块是浮动上去的,所以要用到position定位.A盒子要相对B盒子进行移动,那么B盒子就设置为relative,A盒子要设置为absolute.这样才能让其进行相对移动.距离的调节,使用top bottom left right 去调节A到合适的位置.如果要垂直居中可以使用{top:50%和margin-top:-A

用html+css+js实现选项卡切换效果

文章转载自:http://tongling.github.io/JSCards/ 用html+css+js实现选项卡切换效果使用之前学过的综合知识,实现一个新闻门户网站上的常见选项卡效果: 文字素材: 房产: 275万购昌平邻铁三居总价20万买一居 200万内购五环三居 140万安家东三环北京首现零首付楼盘 53万购东5环50平京楼盘直降5000 中信府公园楼王现房家居: 40平出租屋大改造美少女的混搭小窝经典清新简欧爱家 90平老房焕发新生新中式的酷色温情 66平撞色活泼家居

JS获取客户端IP地址、MAC和主机名的7个方法汇总

今天在搞JS(javascript)获取客户端IP的小程序,上网搜了下,好多在现在的系统和浏览器中的都无效,很无奈,在Chrome.FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本.下面的代码是我在所有windowsNT5.0及以上的系统上都测试通过的,给出代码: 一.使用JS获取客户端IP的几个方法方法一(只针对IE且客户端的IE允许AcitiveX运行,通过平台:XP,SERVER03,2000).获取客户端IP代码: 复制代码代码如下: <HTML><HEAD&

JS图片Switchable切换大集合

JS图片切换大集合利用周末2天把JS图片切换常见效果封装了下,比如:轮播,显示隐藏,淡入淡出等.废话不多说,直接看效果吧!JSFiddler链接如下: 想看JS轮播切换效果请点击我! 当然由于上传图片时候 png图片自动转换成jpg 所以左右按钮有透明,但是也没有关系,我们最主要的是看看效果是什么样的,至于图片大家可以替换.下面看看默认配置项吧! container '', 外层容器必填项默认为空 contentCls '.list', 内容所在的容器默认为'.l

js获取给定月份的N个月后的日期

1.在讲js获取给定月份的N个月后的日期之前,小颖先给大家讲下getFullYear().getYear()的区别. ①getYear() var d = new Date() console.log(d.getYear()); 打印结果为:116 小颖百度了下,js中Date对象getYear()方法和getFullYear()方法区别,比如:JS中Date对象getYear()方法和getFullYear()方法区别发现很多人写的是: 在IE中是可以正确获取年份:2016,但是在FF等浏览器

【转】javascript浏览器参数的操作，js获取浏览器参数

原文地址:http://www.haorooms.com/post/js_url_canshu html5修改浏览器地址:http://www.cnblogs.com/JiangXiaoTian/articles/3864284.html 注:不支持ie8 作为前端,不可避免的经常对浏览器地址进行操作,要获取浏览器的参数,很简单,方法也很多,我之前经常自己用js的indexof +substr来获取,这样获取相对费事一点,不是很好.今天在这里总结一下浏览器参数获取及参数的操作. js获取浏览器

js获取当前域名、Url、相对路径和参数以及指定参数

一.js获取当前域名有2种方法 1.方法一 var domain = document.domain; 2.方法二 var domain = window.location.host; 3.注意问题由于获取到的当前域名不包括 http://,所以把获取到的域名赋给 a 标签的 href 时,别忘了加上 http://,否则单击链接时导航会出错. 二.获取当前Url的4种方法 var url = window.location.href; var url = self.location.href

js获取当前系统时间

Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从

Js获取当前日期时间及其它操作

Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从

js获取cookie

js获取cookie 之前用jQuery.cookie来获取cookie,虽然简单,但是项目上又多引用了一个插件,总觉得不太好,下面是我封装的js原生获取cookie的函数. function getCookie(cookieName) { //获取所有的cookie "psw=1234we; rememberme=true; user=Annie" var totalCookie = document.cookie; //获取参数所在的位置 var cookieStartAt = t

js获取URL中的参数

js获取URL中的一些参数的意思 location对象含有当前URL的信息. 属性 href 整个URL字符串. protocol 含有URL第一部分的字符串,如http: host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/ hostname 包含URL中主机名的字符串.如http://www.cenpok.net ; port 包含URL中可能存在的端口号字符串. pathname URL中"/"以后的部分.如~list/inde

js get browser vertion (js获取浏览器信息版本)

1问题:js get browser vertion (js获取浏览器信息版本) 2解决方案 Copy this script into your JavaScript files. It works immediately, and you can query three properties of the BrowserDetectobject: Browser name: BrowserDetect.browser Browser version: BrowserDetect.versio

js获取浏览器高度

常用: JS 获取浏览器窗口大小 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight)

js获取HTTP的请求头信息

以下为js获取HTTP的全部请求头信息: var req = new XMLHttpRequest(); req.open('GET', document.location, false); req.send(null); var headers = req.getAllResponseHeaders().toLowerCase(); console.log(headers); 以下为js获取HTTP的部分请求头信息,如日期: var req = new XMLHttpRequest(); re

【记录】JS 获取 URL 中文参数编码

比如 URL:http://www.xxxx.com/中文参数这个在 js 获取"中文参数"的时候会出现乱码. 解决方法:decodeURIComponent(获取的中文参数);

如何用 js 获取table 或者其他块状标签的宽和高

这个比较简单,总体思想,标签标记一个id,js获取id,就能用它的属性了.介绍两种方法.请看下面代码. 第一种 <script> function width_table_all() { var tabl = document.getElementById("tabl").offsetWidth; alert(tabl); </script> 这个是js的函数,offsetWidth是一个属性.tabl是id,请看下面的table 里面的id <table

js 获取当前的时间

第一个小程序,用js获取当前的时间,,比较特殊的是月是从0开始算的,显示的时候要加1,获取日用getDate(),获取周 getDay(), 直接上代码 <!DOCTYPE html> <html> <body> <p>点击下面的按钮来显示今天的日期:</p> <button onclick="myFunction()">点击这里</button> <p id="demo"&

js获取键盘按下的键值event.keyCode,event.charCode,event.which的兼容性

js获取键盘按下的键值有event.keyCode,event.charCode和event.which 其中: 谷歌浏览器对event.keyCode,event.charCode和event.which都兼容. 火狐浏览器对event.keyCode部分键值有效,如上下左右键(37,38,39,40),enter键(13),PgUp(33),PgDn(34)等部分有效,对数字键,字母键无效. event.which也是部分键值有效,如字母键,数字键,enter键,Backspace键等有效,

js 获取 mediaDevices 切换摄像头

热门专题