部分请求blob视频javascript blob url

时间:2013-12-20 14:01:03

标签: javascript video-streaming html5-video buffer blob

我正在尝试通过blob播放缓冲视频,但我有缓冲区问题,当我给视频dom一个blob网址,缓冲区设置为完整,但它不是,所以我怎么能管理缓冲区这类视频的系统。

部分代码低于我的项目。

http://jsfiddle.net/GV4d6/1/

代码是:

<video width=500 heigth=400 controls id='myvideo'></video>
<script>
var xhr = new XMLHttpRequest();
var video = document.getElementById("myvideo");

xhr.open('GET', 'http://www.auby.no/files/video_tests/h264_720p_mp_3.1_3mbps_aac_shrinkage.mp4', true);
xhr.responseType = 'arraybuffer';
xhr.setRequestHeader("Range", "bytes=0-2000000")
xhr.send(null);


 var blobVideo = new Blob();

 xhr.onreadystatechange = function (oEvent) {
 var arrayBuffer = this.response;

 if (this.readyState>3) {



    var byteArray = new Uint8Array(arrayBuffer);
    blobVideo = new Blob([byteArray], { type: "text" });

    var url = window.URL = window.webkitURL;

    videoUrl = url.createObjectURL(blobVideo);
    video.src = videoUrl;
      }
   }
    </script>

0 个答案:

没有答案