一、准备工作

在正式开始转换之前，我们需要准备一些工具和资源：

1、具备一定编程能力的程序员

2、FFmpeg：一个跨平台的音视频解决方案，用于转码、处理、传输音视频流等

3、m3u8文件：视频流切片列表文件，包含了视频切片的url地址

4、视频切片（.ts）文件：实际的视频切片文件，由m3u8文件指定url获取

二、下载m3u8文件及视频切片

首先，我们需要下载m3u8文件以及对应的视频切片文件。这里可以使用第三方工具，也可以在代码中通过网络请求下载。对于下载视频切片，我们可以使用HTTP协议下载切片文件，下载的方式可以异步也可以同步，具体实现方式可以参考下面的代码：

//下载切片文件
function downloadFile(url, fileName){
  var xhr = new XMLHttpRequest();
  xhr.open("GET", url, true);
  xhr.responseType = "blob";
  xhr.onload = function(){
    if(xhr.status === 200){
      var url = window.URL.createObjectURL(new Blob([xhr.response]));
      var a = document.createElement("a");
      a.href = url;
      a.download = fileName;
      document.body.appendChild(a);
      a.click();
    }
  }
  xhr.send();
}

下载切片文件的方式非常简单，只需要通过XMLHttpRequest对象发送HTTP请求，获取视频切片二进制数据，并通过Blob对象生成对应的URL。

三、分析m3u8文件

m3u8文件是视频流切片列表文件，其中包含了所有视频切片的url地址。因此，我们可以通过解析m3u8文件，获取其中的切片url地址信息。

关于m3u8文件的解析，这里提供一种方法。首先，可以通过网络请求获取m3u8文件的内容，然后对其按照“#EXTINF”进行分割，这样可以将视频切片的url和时长进行分离。代码如下：

//解析M3U8文件
function parseM3U8(response){
  var lines = response.split("n");
  var tsUrlList = [];
  var regExp = /^https?://.*.ts/;
  for(var i = 0; i < lines.length; i++){
    var line = lines[i].trim();
    if(regExp.test(line)){
      tsUrlList.push(line);
    }
  }
  return tsUrlList;
}

在解析过程中，我们可以利用正则表达式快速定位视频切片url地址，然后将其保存到列表中，方便后续操作。

四、合并视频切片并转换成mp4

最后，我们需要将所有视频切片合并成一个mp4格式的视频文件。这里可以使用FFmpeg进行转换。具体实现方式可以参考下面的代码：

//合并切片并转换为mp4
function mergeAndConvert(tsUrlList, mp4Name){
  //使用FFmpeg进行合并切片并转换为mp4
  var ffmpeg = require('fluent-ffmpeg');
  var proc = ffmpeg();
  var tempName = md5(new Date().toISOString());
  for(var i = 0; i < tsUrlList.length; i++){
    var tsPath = tempPath + i + ".ts";
    downloadFile(tsUrlList[i],tsPath);//下载切片
    proc = proc.addInput(tsPath);
  }
  proc.mergeToFile(tempPath + tempName + '.mp4')
    .on('error', function(err) {
      console.log('An error occurred: ' + err.message);
    })
    .on('end', function() {
      console.log('Merging finished successfully');
      //复制文件到目标目录
    });
}

在合并切片之前，我们需要将所有的视频切片文件下载到本地。然后，我们将所有的切片文件以输入的形式传递给FFmpeg，然后使用mergeToFile方法合并切片，并转换成mp4格式的视频文件。最后，我们复制生成的mp4文件到指定目录，即可完成m3u8转换mp4的整个过程。

五、总结

通过以上这些步骤，我们可以完成m3u8转换mp4的整个过程。虽然中间可能会遇到一些问题，但只要流程清晰，逐一解决，就可以轻松完成。