Java 使用网络摄像头作为HTML背景_Java_Javascript_Jquery_Html

Java 使用网络摄像头作为HTML背景

java javascript jquery html

Java 使用网络摄像头作为HTML背景,java,javascript,jquery,html,Java,Javascript,Jquery,Html,我有一台电脑，它有一个网络摄像头，有时会在我们的夜总会显示一个网站我想合并两者，并显示与html背景源是从同一台计算机上的网络摄像头视频输出的网站该网络摄像头不需要流到互联网上，该网站只需要源本地视频信号。。。我不知道我们该怎么做，但效果与此类似，只是我们没有使用Youtube作为视频源- 也许这将是html、css、jquery和java或flash（从网络摄像头访问视频）的组合。从html的角度来看，本质上就是这样 <body> <video id="video

我有一台电脑，它有一个网络摄像头，有时会在我们的夜总会显示一个网站

我想合并两者，并显示与html背景源是从同一台计算机上的网络摄像头视频输出的网站

该网络摄像头不需要流到互联网上，该网站只需要源本地视频信号。。。我不知道我们该怎么做，但效果与此类似，只是我们没有使用Youtube作为视频源-

也许这将是html、css、jquery和java或flash（从网络摄像头访问视频）的组合。

从html的角度来看，本质上就是这样

<body>
    <video id="video-bg>
    <div id="site_wrapper">
       <!--the html-->
    </div>
</body>

通过使用

getUserMedia

，将流转换为blob并将blob馈送到

元素，可以从相机馈送视频。更多信息，请访问：

网络摄像头不需要传输到互联网，网站只需要在本地采集视频信号

现在我有点烦了。如果你的网站是在线的，那么“本地”一词就意味着观众的机器，而不是你夜总会的机器。如果你想在后台播放俱乐部的视频，你需要在网络上播放视频，并让页面将其向下播放

如果你的网站是夜总会的一个信息亭，那么“本地”就有意义了。您的信息亭将连接一个网络摄像头，上面的代码将适用。

@BryanLovesPHP将位于flash部分。VLC可以流式传输网络摄像头，然后您可以将其用作flash视频或HTML5视频的源。您有关于如何做的详细信息吗？例如，您是否可以在网页中显示网络摄像头？如果是这样的话，你是如何做到的？请投票给你的用户名。你的问题是如何实现视频作为背景还是如何流式播放视频，目前还不清楚。

#site_wrapper{
    position:relative;
}

#video-bg {
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
}

navigator.getUserMedia({ audio: true, video: { width: 1280, height: 720 } },
    function(stream) {
      var video = document.querySelector('video');
      video.src = window.URL.createObjectURL(stream);
      video.onloadedmetadata = function(e) {
      video.play();
    };
  },
  function(err) {
    console.log("The following error occured: " + err.name);
  }
);