服务端 index.php
<?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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blob Url</title>
</head>
<body>
<video id="video" width="400" controls="controls"></video>
<script type="text/javascript">
//创建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();
</script>
</body>
</html>
我的视频应用类原创文章
- 酷播云免费视频二维码的完整使用教程(适合小企业做微信视频宣传)
- 视频二维码的适用场景
- 微信公众号直播有哪些不一样的玩法?
- 微信视频直播如何做收费直播(如何做付费的微信直播)图文教程
- 说说视频编码格式、视频码率、视频帧率、分辨率的概念
- 原创教程:带ppt课件和讲师画面的教学视频录制完整教程
- 如何做电视节目的视频直播(电视台节目直播)
- 做视频直播时如何测试本地网络的上行带宽(网速测试)
- usb摄像头做教学直播实现pc和手机都可以在线观看教程
- 微信公众号直播有哪些不一样的玩法?
- 微信视频直播如何做收费直播(如何做付费的微信直播)图文教程
- 说说视频编码格式、视频码率、视频帧率、分辨率的概念
- 原创教程:带ppt课件和讲师画面的教学视频录制完整教程
- 如何做电视节目的视频直播(电视台节目直播)
- 做视频直播时如何测试本地网络的上行带宽(网速测试)
- usb摄像头做教学直播实现pc和手机都可以在线观看教程
- 微信公众号直播有哪些不一样的玩法?
- 如何做电脑游戏桌面录屏直播实现手机直接观看
- 免费视频存储平台(微云、百度网盘、谷歌硬盘、酷播云)的截图对比
- 云课堂直播功能介绍,更贴合在线教育、企业内训的场景应用
- 基于微信小程序做直播的截图(微信小程序发起视频直播)
- 在线教学场景下 讲师们做PPT课件直播的一些介绍
- FMS/wowza/red5/SRS流媒体服务器产品对比