美文网首页
html5获取浏览器camara控制

html5获取浏览器camara控制

作者: 北漂老莫 | 来源:发表于2016-03-18 13:28 被阅读23次

可用的浏览器,chrome, firefox, opera, safari暂不支持

<video src="" id="video" width=640 height=480 autoplay=""></video>      


var constraints = {video: true}
var video = document.getElementById("video")

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

function successCallback(stream) {
    window.stream = stream;
  if(window.URL) {
      video.src = window.URL.createObjectURL(stream);
  } else if (window.webkitURL) {
    video.src = window.webkitURL.createObjectURL(stream);
  } else {
    video.src = steam;
  }
  video.play()
}

function errorCallback(error) {
    console.log("Video", error);
}

navigator.getUserMedia(constraints, successCallback, errorCallback);

相关文章

  • html5获取浏览器camara控制

    可用的浏览器,chrome, firefox, opera, safari暂不支持

  • HTML5 浏览器支持

    您可以帮助老版本浏览器处理HTML5 HTML5 浏览器支持 所有现代浏览器都支持HTML5。此外,所有浏览器,不...

  • web本地存储基础知识

    HTML5之前的使用本地存储 在html5之前,本地存储使用的时cookie,他的使用场景如下: 浏览器获取一个w...

  • 2. 浏览器控制

    控制浏览器窗口大小——WebDriver设置当前窗口的宽或高 获取当前窗口的宽和高 控制浏览器后退、前进,刷新浏览器

  • 简单了解HTML5中的Web Notification桌面通知

    识别浏览器的获取与失去焦点 HTML5 Web Notification 直接上代码: 参考资料:http://w...

  • HTML5 - input标签新属性

    使用html5中input标签的新属性时,需注意浏览器的兼容性。 autofocus自动获取焦点 placehol...

  • 浏览器切换页面或者缩小页面造成定时器延缓或者停止的问题

    使用html5的Page Visibility API来实现控制,由于浏览器本身切换页面或者缩小带来的定时器延缓,...

  • HTML5支持

    HTML5浏览器支持 所有现代浏览器都支持HTML5。 此外,所有浏览器,不论新旧,都会自动把未识别元素当做行内元...

  • js实现进入全屏与退出

    理想: 现实:html5的全屏api处于一个杂乱状态,各个浏览器还是有着不同的实现方法 1.获取当前处于全屏模式的...

  • Canvas解读

    HTML5新增的元素,可以在页面上使用JavaScript来控制,画出图形。 使用 首先要创建一个画布 然后获取渲...

网友评论

      本文标题:html5获取浏览器camara控制

      本文链接:https://www.haomeiwen.com/subject/jlzclttx.html