blob用法实例:http地址的原理及生成方法
服务端 index.php
// 返回二进制流数据
$file_path = __DIR__ . '/video.mp4';
$file_size = filesize($file_path);
$oct_data = fread(fopen($file_path, "r"), $filesize);
header("Content-type: video/mpeg4;charset=UTF-8");
header("Content-Length: " . $filesize);
echo $oct_data;
前端 index.html
//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//配置请求方式、请求地址以及是否同步
xhr.open('POST', '/index.php', true);
//设置请求结果类型为blob
xhr.responseType = 'blob';
//请求成功回调函数
xhr.onload = function(e) {
if (this.status == 200) {//请求成功
//获取blob对象
var blob = this.response;
//获取blob对象地址,并把值赋给容器
document.getElementById("video").src = URL.createObjectURL(blob);
}
};
xhr.send();
我的视频应用类原创文章
酷播云免费视频二维码的完整使用教程(适合小企业做微信视频宣传) 视频二维码的适用场景微信公众号直播有哪些不一样的玩法?微信视频直播如何做收费直播(如何做付费的微信直播)图文教程说说视频编码格式、视频码率、视频帧率、分辨率的概念原创教程:带ppt课件和讲师画面的教学视频录制完整教程如何做电视节目的视频直播(电视台节目直播)做视频直播时如何测试本地网络的上行带宽(网速测试)usb摄像头做教学直播实现pc和手机都可以在线观看教程微信公众号直播有哪些不一样的玩法?微信视频直播如何做收费直播(如何做付费的微信直播)图文教程说说视频编码格式、视频码率、视频帧率、分辨率的概念原创教程:带ppt课件和讲师画面的教学视频录制完整教程如何做电视节目的视频直播(电视台节目直播)做视频直播时如何测试本地网络的上行带宽(网速测试)usb摄像头做教学直播实现pc和手机都可以在线观看教程微信公众号直播有哪些不一样的玩法?如何做电脑游戏桌面录屏直播实现手机直接观看免费视频存储平台(微云、百度网盘、谷歌硬盘、酷播云)的截图对比云课堂直播功能介绍,更贴合在线教育、企业内训的场景应用基于微信小程序做直播的截图(微信小程序发起视频直播)在线教学场景下 讲师们做PPT课件直播的一些介绍FMS/wowza/red5/SRS流媒体服务器产品对比