blob用法实例:http地址的原理及生成方法

最新推荐文章于 2024-04-22 17:38:08 发布

阿酷tony

最新推荐文章于 2024-04-22 17:38:08 发布

阅读量2.1k

点赞数

分类专栏：播放器开发专栏视频加密技术文章标签： blob加密 blob用法 blob视频地址

本文链接：https://blog.csdn.net/ffffffff8/article/details/118596737

版权

播放器开发专栏同时被 2 个专栏收录

30 篇文章 5 订阅

订阅专栏

视频加密技术

23 篇文章 2 订阅

订阅专栏

酷播云倍速播放功能_播放效果

服务端 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>

我的视频应用类原创文章

阿酷tony

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
blob用法实例:http地址的原理及生成方法

服务端 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: " . $filesiz...
复制链接

扫一扫