XMLHttpRequest加载视频文件2进制数据流到客户端,并使用video控件播放。结合XMLHttpRequest Level 2特性,可以使用XMLHttpRequest对象接受服务器端返回的2进制数据流,然后使用生成blob对象,URL.createObjectURL生成文件引用路径赋值给video标签即可播放。
XMLHttpRequest加载视频并播放源代码如下
protected void Page_Load(object sender, EventArgs e)
{
if (Request.QueryString["op"] == "read")
{
Response.ContentType = "video/mp4";
Response.BinaryWrite(File.ReadAllBytes(Server.MapPath("2.mp4")));
Response.End();
}
}
function loadVideo() {
var xhr = new XMLHttpRequest();
xhr.open('post', '?op=read');
xhr.responseType = 'blob';//注意,要设置这个请求头,自己看下面列出的XMLHttpRequest Level 2内容介绍
xhr.onreadystatechange = function () {
if (4 == xhr.readyState) {
if (200 == xhr.status) {
var blob = new Blob([xhr.response], { type: 'video/mp4' });
v.src = URL.createObjectURL(blob);
}
else alert(xhr.status + '\n' + xhr.responseText)
}
}
xhr.send(null);
}
参考:
加支付宝好友偷能量挖...
2017-8-15Web开发网