html5 chrome 摄像头 &&bootstrap

时间 2019-11-19

标签 html5 html chrome 摄像头 bootstrap 栏目 HTML5 繁體版

原文原文链接

<!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/7485452html

Bootstrap:html5

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

轮播 --------bootstrap-carousel.jsweb

过分效果-----bootstrap-transition.jschrome

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

下拉菜单-------bootstrap-dropdown.jsjquery插件

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

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

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

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

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

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

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

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

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

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