使用ffmpeg将mp4转为m3u8并播放

ffmpeg 下载地址

https://ffmpeg.zeranoe.com/builds/

这个是我自己的ffmpeg,有积分的大佬可以任性下载

ffmpeg压缩包

下载解压之后需要将ffmpeg添加到环境变量中

 cmd中输入 ffmpeg -version,出现如下信息则配置成功

 Mp4文件转m3u8

在cmd中输入命令

ffmpeg -i E:\video\6.mp4 -profile:v baseline -level 3.0 -s 640x360 -start_number 0 -hls_time 10 -hls_list_size 0 -f hls E:\m3u8\6.m3u8

 转换后会生成ts文件,使用notpad++打开6.m3u8文件之后会看到如下,这里就是视频每一段的地址,在播放完上一段之后会自动加载下一段,把一个大的视频文件按照一定大小或时长把一个视频分为N段播放，这样的优势是打开视频加载速度快，可以达到秒播

 在Html中播放,我这里使用的是hls.js

<script src="https://cdn.bootcss.com/hls.js/8.0.0-beta.3/hls.min.js"></script>

<video id="videoId"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('videoId');
    var hls = new Hls();
    hls.loadSource('http://192.168.1.39:8030/statics/6.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
    });
  }
</script>

亲测可以播放!!!