ajax视频播放,XMLHttpRequest加载视频并播放

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开发网

ajax视频播放,XMLHttpRequest加载视频并播放相关推荐

在HTML中加载视频不播放怎么办
在HTML中使用video元素插入视频,视频不播放,但浏览器本身可以播放该视频. 例如: <video controls="controls"> < ...
解决 CHROME FLASH 不能自动播放的问题及加载视频前的“黑色背景”如何改变
chrome中flash不能自动播放,相信很多人都遇到了这个问题,网上检索的话,很多都会提到添加muted,当时尝试了这个方法,根本不起作用.后来慢慢发现一种情况:当单独在根节点中放入video后,可 ...
vue 使用video加载视频进行展示，视频循环自动播放
vue 使用video加载视频进行展示,视频循环自动播放loop autoplay <span v-else-if="item.prop === 'alarmVedio'"& ...
OpenCV中使用类VideoCapture加载视频和打开摄像头
先直接上示例代码,然后对代码进行讲解. #!/usr/bin/env python # -*- coding: utf-8 -*- # 图像处理开发需求.图像处理接私活挣零花钱,请加微信/QQ 248 ...
Android之MediaPlayer加载视频慢
问题:Android系统播放器MediaPlayer播放网络视频,加载慢...缓冲慢... 结论:视频元数据位置不对简单解释就是,大部分的视频格式是MP4,MP4格式的视频是由一个个Box组成的.这 ...
又有坑是吧——MediaPlayer加载视频为什么这么慢
"今天又是充满希望的一天" 背景最近在做一个视频播放的需求,因为比较简单,只需要实现基本的loading,播放,暂停等功能,所以就用Android系统的播放器MediaPlaye ...
Opencv step by step - 加载视频
刚买了本 "学习Opencv" 这本书,慢慢看起来. 一开始就是加载视频了.当然了,首先你要有个视频从这里下载了一个: tan@ubuntu:~$ wget http://www ...
ajax异步查询demo,ASP.NET中AJAX的异步加载（Demo演示）
此次的demo是一个页面,页面上有两行字,然后后面用ajax,使用一个下拉框去替换第一行文字[/code] 第一个是被替换的网页 var xmlhttprequest; function create ...
ajax加载进度百分比,在ajax中显示加载百分比的进度条，php
您好我正在使用ajax加载数据库内容.我想显示加载或图像的总百分比.在ajax中显示加载百分比的进度条,php 这是我的脚本 function name1(str) { if (str.length= ...

ajax视频播放,XMLHttpRequest加载视频并播放

ajax视频播放,XMLHttpRequest加载视频并播放相关推荐

最新文章

热门文章