通过html和ajax的视频流_Html_Ajax_Jsp

通过html和ajax的视频流

html ajax jsp

通过html和ajax的视频流,html,ajax,jsp,Html,Ajax,Jsp,我正在尝试这段视频流代码…当我通过ajax发送数据并在同一页面上接收数据时，视频播放正常…但当我尝试在其他页面或服务器端播放时，会出现错误  <html> <body> <div id="mine"> <video id="video" width="500" height="500" autoplay="true">&

我正在尝试这段视频流代码…当我通过ajax发送数据并在同一页面上接收数据时，视频播放正常…但当我尝试在其他页面或服务器端播放时，会出现错误

<!--This is my client side code-->

    <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>


var-str；
（功能（）{
var video=document.getElementById（'video'），
vendorUrl=window.URL | | window.webkitURL；
navigator.getMedia=navigator.getUserMedia||
navigator.webkitGetUserMedia||
navigator.mozGetUserMedia||
navigator.nsGetUserMedia；
navigator.getMedia({
视频：没错，
音频：正确
}，函数（流）{
video.src=vendorUrl.createObjectURL（流）；
str=vendorUrl.createObjectURL（流）；
video.play（）；
}，函数（错误）{
警报（“错误”）
});
})();
var ajax=new-XMLHttpRequest（）；
函数processresponse（）{
if（ajax.readyState==4）{
var rse=ajax.responseText；
var vid=document.getElementById（“video1”）；
vid.src=rse；
视频播放（）；
}
}
函数show（）{
onreadystatechange=processresponse；
open（“Post”，“server.jsp”，true）；
ajax.send（str）；
}
定时器=设置间隔（显示，10000）；

jsp

   <%   
   InputStream is=request.getInputStream();     
    byte[] bt=new byte[1000];
     is.read(bt);
    String req=new String(bt);
   out.println(req );
    %>
<!--This is the code which is giving error......-->
 <%@page import="java.io.File"%>
 <%@page import="java.io.FileInputStream"%>
 <%@page import="java.io.BufferedOutputStream"%>
 <%@page import="java.io.FileOutputStream"%>   
 <%@page import="java.io.InputStream"%>
 <html>
      <body>
            <video id='video1' width='500' height='500'  autoplay='true'>
            </video>
  <%     
      InputStream is=request.getInputStream();
      byte[] bt=new byte[1000];
      is.read(bt);
      String req=new String(bt); 

 %>
      <script type="text/javascript">
        var vid=document.getElementById("video1");
        alert('<%=req%>');
        vid.src='<%=req%>';
        vid.play();
      </script>
   </body>


var vid=document.getElementById（“video1”）；
警报（“”）；
参考文献src=''；
视频播放（）；