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 文件将所有插件包含在一个文件中了（前者是未压缩版，后者是压缩版）。

 

posted @ 2013-10-29 23:08  cc_jony  阅读(1742)  评论(4)    收藏  举报