blob html 预览_HTML5 Blob对象实现媒体播放功能

本文介绍如何使用HTML5 Blob对象实现在后台获取视频文件并进行预览。后台通过读取本地文件流,返回视频数据。前端通过XMLHttpRequest以POST方式请求,设置responseType为blob,接收到响应后将blob对象转换为可播放的URL,加载到video元素中进行预览。此外,还展示了如何在预览后释放资源。
摘要由CSDN通过智能技术生成

后台代码:

public ActionResult Video()

{

string filePath = @"D:\download\test.mp4";

System.IO.FileInfo fileInfo = new System.IO.FileInfo(filePath);

if (fileInfo.Exists == true)

{

FileStream fs = new FileStream(filePath, FileMode.Open);

byte[] bytes = new byte[(int)fs.Length];

fs.Read(bytes, 0, bytes.Length);

fs.Close();

//Response.AddHeader("Content-Disposition", "attachment; filename=" + HttpUtility.UrlEncode(fileInfo.Name));

Response.AddHeader("Content-Length", "" + fileInfo.Length.ToString());

Response.AddHeader("Content-Transfer-Encoding", "binary");

Response.ContentType = "application/octet-stream";

Response.ContentEncoding = System.Text.Encoding.UTF8;

Response.BinaryWrite(byte

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值