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