H5利用JS调用电脑摄像头实现拍照效果
1Deshun 发布于 6年前 (2019-01-04) 14877℃ 评论(1) 赞 (12)
今天学习了调用电脑摄像头,利用canvas画布将视频当前帧转换成图片的实例,其中用到了 mediaDevices.getUserMedia 方法。该方法提示用户允许使用媒体输入,产生包含所请求类型的媒体轨道。包括视频轨道(由诸如照相机,视频记录设备,屏幕共享服务等的硬件...
Deshun 发布于 6年前 (2019-01-04) 14877℃ 评论(1) 赞 (12)
今天学习了调用电脑摄像头,利用canvas画布将视频当前帧转换成图片的实例,其中用到了 mediaDevices.getUserMedia 方法。该方法提示用户允许使用媒体输入,产生包含所请求类型的媒体轨道。包括视频轨道(由诸如照相机,视频记录设备,屏幕共享服务等的硬件...
Deshun 发布于 6年前 (2018-12-25) 16053℃ 评论(0) 赞 (7)
整理一下原生 js 添加及删除元素和内容的相关知识,供参考。初始HTML代码:(一个小实例,点击按钮删除元素)<div id="container"> <h2 id="Element">我只是一个小元素,任人宰割。</h2> </div>...
Deshun 发布于 6年前 (2018-12-24) 4289℃ 评论(0) 赞 (0)
窗口大小跨浏览器确定一个窗口的大小不是一件容易的事。IE9+、Firefox、Safari、Opera和Chrome均为此提供了4个属性: innerWidth 、 innerHeight 、 outerWidth 和 outerHeight 。在IE9+、Safari和Firefox中,outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸(无论是从最外层的window对象还...
Deshun 发布于 6年前 (2018-12-18) 5057℃ 评论(0) 赞 (1)
用 js 代码 window.screen.availHeight 可以取屏幕的高度,然后拼凑内容来让页面满屏显示。但是不同手机浏览器有自己的地址栏、状态栏等,window.screen.availHeight 取到的屏幕高度也包括了这两者,导至本来希望满屏显示的内容出现滚动条,需要滑动才能看到。 怎么才能让页面在任何手机浏览器上都能满屏显示呢?下面是实现代码:function ...
Deshun 发布于 6年前 (2018-10-15) 10643℃ 评论(0) 赞 (7)
iCheck插件,我就不详细介绍了,大家可以看官方的文档:http://www.bootcss.com/p/icheck/ radio单选框默认是选中后不能取消选中的,使用了iCheck插件后,如果在写js去修改的话很麻烦,不过iCheck自带一个 ifClicked 事件,利用这个事件可以实现 单选框点击 选中和取消选中效果。ifClicked :用户点击了自定义的输入框或与其相关联的label...
Deshun 发布于 6年前 (2018-10-12) 6678℃ 评论(0) 赞 (3)
JavaScript添加/删除类名:element.classList.add("className") :添加类名element.classList.remove("className") :删除类名element.getAttribute("className") :获取类名element.setAttribute("cla...
Deshun 发布于 6年前 (2018-09-19) 9084℃ 评论(0) 赞 (1)
前面提到Kangle 服务器添加 mine type 文件类型,但是网上给出的文件类型难免没有那我全面,往往我们正需要的网上却没有。下面介绍一个简单的 mine type 文件类型的获取方式 ,利用 JS 获取文件的类型:首先我们写一个 input 的文件上传按钮,HTML:&l...
Deshun 发布于 6年前 (2018-08-17) 15197℃ 评论(0) 赞 (5)
写页面的时候经常会用到 select 的重置效果,也就是选中第一个 option ,下面分享几种方法:1、JS方法:var a = document.getElementById("mySelect"); //mySelect是select 的Id a.options[0].selected = true;...
Deshun 发布于 7年前 (2018-07-05) 3573℃ 评论(0) 赞 (1)
CSS 后代选择器很好用,让我们的工作变的更方便。但是 IE8 及以下对很多后代选择器并不兼容。例如这6个比较常用的后代选择器:Child SelectorsIE9IE8IE7:first-child√√√:last-child√××:nth-child(n)√××:nth-last-child(n)√××:first-of-type(n)√××:first-last-of-...
Deshun 发布于 7年前 (2018-07-02) 3674℃ 评论(0) 赞 (2)
最近,我从 Grover网站 上发现以一个好玩儿的悬停动画,这个动画是将鼠标移动到订阅按钮上移动光标,会跟随光标实现相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像我...