Windows下Dash系统搭建

最新推荐文章于 2025-05-25 22:04:34 发布

xchanper

最新推荐文章于 2025-05-25 22:04:34 发布

阅读量2.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签：音频编码解码

本文链接：https://blog.youkuaiyun.com/LimboFinch/article/details/110432941

学习笔记专栏收录该内容

4 篇文章

订阅专栏

本文介绍了HTTP上的动态自适应视频流技术Dash，详细阐述了在Windows10系统下搭建Dash视频流服务器的步骤，包括安装编码器FFmpeg、视频编码、安装视频切片工具Bento4、视频切片、安装Nginx、编写网页播放器、配置Nginx服务器等，最后进行验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

0.Dash：

Dynamic Adaptation Streaming over HTTP（Dash）：HTTP上的动态自适应视频流技术，它将一个视频划分为许多个segment，每个segment有不同质量的副本，能够在播放时根据用户当前的网络状况选择最佳的码率，减少卡顿。详情：https://github.com/Dash-Industry-Forum/dash.js

教程参考：

https://codeleading.com/article/26092631381/#5_Bento4_90

https://blog.youkuaiyun.com/OCTODOG/article/details/79007302

https://www.instructables.com/Making-Your-Own-Simple-DASH-MPEG-Server-Windows-10/

1.概述

环境：

系统：Windows10
视频客户端：Chrome

工具：

服务器：Nginx
编码器：FFmpeg
视频切片：Bento4
播放器：dash.js

视频：

Big_Buck_Bunny_1080p.avi

可以去https://download.blender.org/peach/bigbuckbunny_movies/下，但是网速很慢

这里给出百度网盘链接：https://pan.baidu.com/s/1vn7OF4Wa9lamuQ5bn4dBnQ 提取码：868v

2.安装编码器FFmpeg

https://github.com/BtbN/FFmpeg-Builds/releases

任意一个就行，解压后如图，把bin路径加入系统环境变量Path，里面的可执行文件后面会用到，加入系统路径就不用进这里再运行了

3.视频编码

目标编码格式：H.264/AVC

目标分辨率级别：

1920×1080（1080p）
1280×720（720p）
854×480（480p）
640×360（360p）
256×144（144p）

使用最简单的编码方式，每个分辨率视频的对应命令为：

ffmpeg -i Big_Buck_Bunny_1080p.avi -s 1920x1080 -c:v libx264 -keyint_min 48 -g 48 -sc_threshold 0 -an BBB_1920x1080.mp4
ffmpeg -i Big_Buck_Bunny_1080p.avi -s 1280x720 -c:v libx264 -keyint_min 48 -g 48 -sc_threshold 0 -an BBB_1280x720.mp4
ffmpeg -i Big_Buck_Bunny_1080p.avi -s 896x504 -c:v libx264 -keyint_min 48 -g 48 -sc_threshold 0 -an BBB_896x504.mp4
ffmpeg -i Big_Buck_Bunny_1080p.avi -s 640x360 -c:v libx264 -keyint_min 48 -g 48 -sc_threshold 0 -an BBB_640x360.mp4
ffmpeg -i Big_Buck_Bunny_1080p.avi -s 256x144 -c:v libx264 -keyint_min 48 -g 48 -sc_threshold 0 -an BBB_256x144.mp4

关于选项：

-i：输入文件名
-s：输出的分辨率
-c:v libx264：将视频编码为H.264/AVC格式
-keyint_min 48 -g 48 -sc_threshold 0：固定GOP长度为48帧（即2s，具体由帧率决定），这里如果没有这个参数后面bento4切分时会报错，具体原因见https://blog.youkuaiyun.com/LvGreat/article/details/103540007
-an：不对音频进行编码，dash中音视频分开编码
最后是输出文件名

可以写个bat，扔那边慢慢跑，视频小的话几十秒就好了。完成后：

4.安装视频切片工具Bento4

https://www.bento4.com/downloads/ 直接下载windows对应的二进制文件解压

同样的，把bin目录加入Path，方便操作

5.视频切片

1.使用mp4fragment对视频进行fragment（--fragment-duration：指定fragment时长为2s)

mp4fragment --fragment-duration 2000 BBB_1920x1080.mp4 fragmented_1080p.mp4
mp4fragment --fragment-duration 2000 BBB_1280x720.mp4 fragmented_720p.mp4
mp4fragment --fragment-duration 2000 BBB_896x504.mp4 fragmented_480p.mp4
mp4fragment --fragment-duration 2000 BBB_640x360.mp4 fragmented_360p.mp4
mp4fragment --fragment-duration 2000 BBB_256x144.mp4 fragmented_144p.mp4

2.使用mp4dash对已fragment的视频进行切片

mp4dash fragmented_1080p.mp4 fragmented_720p.mp4 fragmented_480p.mp4 fragmented_360p.mp4 fragmented_144p.mp4

完成后目录中会自动生成out文件夹，里面有mpd文件和切分的segment。

6.安装Nginx

参考：https://www.cnblogs.com/taiyonghai/p/9402734.html

7.编写简易网页播放器

参考：https://github.com/Dash-Industry-Forum/dash.js

将out里面的video文件夹和stream.mpd放到nginx的html文件夹里，下载 dash.all.min.js 也放入html文件夹中

<!doctype html>
<html>
    <head>
        <title>Dash.js Rocks</title>
        <style>
            video {
                width: 640px;
                height: 360px;
            }
        </style>
    </head>
    <body>
        <div>
            <video id="videoPlayer" controls></video>
        </div>
        <script src="./dash.all.min.js"></script>
        <script>
            (function(){
                var url = "./stream.mpd";
                var player = dashjs.MediaPlayer().create();
                player.initialize(document.querySelector("#videoPlayer"), url, true);
            })();
        </script>
    </body>
</html>

具体的目录结构可以自己定

8.配置Nginx服务器

配置访问控制（参考https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS）

修改Nginx的conf下的nginx.conf文件中的server段，主要是加入location /file那一块。

    server {
        listen       8800;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
        }

        location /file {
            if ($request_method = 'OPTIONS') {
                add_header Access-Control-Allow-Origin $http_origin;
                add_header Access-Control-Allow-Methods             
                $http_access_control_request_method;
                add_header Access-Control-Allow-Credentials true;
                add_header Access-Control-Allow-Headers 
                $http_access_control_request_method;
                add_header Access-Control-Max-Age 1728000;
                return 204;
            }
        }


        #error_page  404              /404.html;

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        
    }

验证Nginx配置是否正确，正确后启动Nginx