爱程序网

html5 chrome 摄像头 &&bootstrap

来源: 阅读:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <video id="monitor" autoplay=""></video>
<script>
    var video = document.getElementById('monitor');
    //request it
    navigator.webkitGetUserMedia({ video: true }, gotStream, noStream);
    function gotStream(stream) {
        video.src = webkitURL.createObjectURL(stream);
        video.onerror = function () {
            stream.stop();
            streamError();
        };
    }
    function noStream() {
        document.getElementById('errorMessage').textContent = 'No camera available.';
    }
    function streamError() {
        document.getElementById('errorMessage').textContent = 'Camera error.';
    }
</script>
</body>
</html>

  此代码是用html5调用本地摄像头代码在chrome下有效 , firefox 360 ie均调不到 ! 转自http://blog.csdn.net/hfahe/article/details/7485452

 

Bootstrap:

Bootstrap为用户提供了13个很有用的jquery插件,下面列出了各个插件及对应的js文件:

轮播 --------bootstrap-carousel.js

过度效果-----bootstrap-transition.js

模态对话框------bootstrap-modal.js

下拉菜单-------bootstrap-dropdown.js

滚动监听--------bootstrap-scrollspy.js

标签页--------bootstrap-tab.js

工具提示-------bootstrap-tooltip.js

弹出提示--------bootstrap-popover.js

警告框----------bootstrap-alert.js

按钮----------bootstrap-button.js

Collapse-------bootstrap-collapse.js

输入提示------bootstrap-typeahead.js

附加导航------bootstrap-affix.js

 

以上的每个插件都可以单独的引入到页面中(注意插件间的依赖关系),或者一次性引入。另外,bootstrap.js 和bootstrap.min.js 文件将所有插件包含在一个文件中了(前者是未压缩版,后者是压缩版)。

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助