javascript - 在没有 Flash 的情况下访问网络摄像头

标签 javascript html webcam

我想使用 HTML 5 元素和 JavaScript 创建一个视频聊天应用程序,我不想使用 Flash 访问用户的网络摄像头。

我怎样才能仅使用 HTML 和 JavaScript 来完成此任务?

最佳答案

在撰写本文时,最好的解决方案是 WebRTC。是supported in Chrome, Mozilla and Opera , 但在 Internet Explorer 和 Safari 中仍然不可用。

简约演示。

Index.html

<!DOCTYPE html>
<head>
</head>
<body>
    <video></video>
    <script src="webcam.js"></script>
</body>

网络摄像头.js

(function () {
    navigator.getMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia);

    navigator.getMedia(
        // constraints
        {video:true, audio:false},

        // success callback
        function (mediaStream) {
            var video = document.getElementsByTagName('video')[0];
            video.src = window.URL.createObjectURL(mediaStream);
            video.play();
        },   
        //handle error
        function (error) {
            console.log(error);
        })   
})();

阅读更多 herethere

关于javascript - 在没有 Flash 的情况下访问网络摄像头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9644612/

相关文章:

javascript - 确定导致滚动事件启动的原因

javascript - 找到安装的插件?

css - HTML:我想将这段文字放在页面底部?

html - CSS - 在图像周围堆叠 DIV

javascript - 将 active_section 类添加到菜单部分

java - 导出到 JAR 时出现 LTI-Civil Project 奇怪的错误

java - OpenCV 无法在 JAR 文件中运行

opencv - 我可以创建虚拟网络摄像头并向其传输数据吗?

javascript - AngularJS Beginner 不是一个函数,未定义

php - 防止从读卡器提交表格