如何将服务器端摄像头视频放在我的网页上?我正在使用PHP, JavaScript和HTML5。
我不需要查找或重放
问题的正确答案在很大程度上取决于您的具体用例。
对于一般用户来说,一个简单的解决方案是将您的网络摄像头流式传输到像ustream这样的网站,然后在您的网站中嵌入您的频道的ustream播放器。
这需要通过jsp将server.jsp更改为php代码
<html>
<body>
<div id="mine">
<video id="video" width="500" height="500" autoplay="true"></video>
<video id="video1" width="500" height="500" autoplay="true"> </video>
</div>
<script type="text/javascript">
var str;
(function(){
var video=document.getElementById('video'),
vendorUrl =window.URL || window.webkitURL;
navigator.getMedia=navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.nsGetUserMedia;
navigator.getMedia({
video:true,
audio:true
},function(stream){
video.src=vendorUrl.createObjectURL(stream);
str=vendorUrl.createObjectURL(stream);
video.play();
},function(error){
alert("error")
});
})();
var ajax=new XMLHttpRequest();
function processresponse(){
if(ajax.readyState===4){
var rse=ajax.responseText;
var vid=document.getElementById("video1");
vid.src=rse;
vid.play();
}
}
function show(){
ajax.onreadystatechange=processresponse;
ajax.open("Post","server.jsp",true);
ajax.send(str);
}
timer = setInterval(show,10000 );
</script>
</body>
</html>
server.jsp…
<%
InputStream is=request.getInputStream();
byte[] bt=new byte[1000];
is.read(bt);
String req=new String(bt);
out.println(req );
%>