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

  • 相关阅读:
    一些大牛的博客推荐,排名不分先后
    HTTP响应状态码
    myeclipse连接mysql数据库详细步骤
    widget使用与生命周期
    ExcelUtil
    POI 数据toEXCEL
    Android异步下载图片并且缓存图片到本地
    判断网络状态
    调节屏幕亮度
    spring的基本知识
  • 原文地址:https://www.cnblogs.com/cc-jony/p/3395585.html
Copyright © 2020-2023  润新知