超级火爆的前端视频方案 FFmpeg ，带你体验一下~

前言

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~

ffmpeg

FFmpeg 是一个开源的、跨平台的多媒体框架，它可以用来录制、转换和流式传输音频和视频。它包括了一系列的库和工具，用于处理多媒体内容，比如 libavcodec（一个编解码库），libavformat（一个音视频容器格式库），libavutil（一个实用库），以及 ffmpeg 命令行工具本身。

FFmpeg 被广泛用于各种应用中，包括视频转换、视频编辑、视频压缩、直播流处理等。它支持多种音视频编解码器和容器格式，因此能够处理几乎所有类型的音视频文件。由于其功能强大和灵活性，FFmpeg 成为了许多视频相关软件和服务的底层技术基础。

很多网页都是用 ffmpeg 来进行视频切片，比如一个视频很大，如果通过一个连接去请求整个视频的话，那势必会导致加载时间过长，严重阻碍了用户观感

所以很多视频网站都会通过视频切片的方式来优化用户观感，就是一部分一部分地去加载出来，这样有利于用户的体验

安装 ffmpeg

安装包下载

首先到 ffmpeg 的安装网页：http://www.gyan.dev/ffmpeg/buil…

下载解压后将文件夹改名为 ffmpeg

环境变量配置

环境变量配置是为了能在电脑上使用 ffmpeg 命令行

体验 ffmpeg

先准备一个视频，比如我准备了一个视频，总共 300 多 M

视频切片

并在当前的目录下输入以下的命令

 ffmpeg -i jhys.mkv 
-c:v libx264 
-c:a aac 
-hls_time 60 
-hls_segment_type mpegts 
-hls_list_size 0 
-f hls 
-max_muxing_queue_size 1024 
output.m3u8

接着 ffmpeg 会帮你将这个视频进行分片

直到切片步骤执行完毕，我们可以看到视频已经别切成几个片了

在这个命令中：

• 
  
• -i input_video.mp4 指定了输入视频文件。
  
• -c:v libx264 -c:a aac 指定了视频和音频的编解码器。
  
• -hls_time 10 指定了每个 M3U8 片段的时长，单位为秒。在这里，每个片段的时长设置为 10 秒。
  
• -hls_segment_type mpegts 指定了 M3U8 片段的类型为 MPEG-TS。
  
• -hls_list_size 0 设置 M3U8 文件中包含的最大片段数。这里设置为 0 表示没有限制。
  
• -f hls 指定了输出格式为 HLS。
  
• -max_muxing_queue_size 1024 设置了最大复用队列大小，以确保输出不会超过指定大小。
  
• 最后输出的文件为 output.m3u8
  

视频播放

创建一个简单的前端项目

可以看到浏览器会加载所有的视频切片