在浏览器中播放不受支持的HTML5视频格式

Question

我正在制作一个基于Electron + Vue的桌面应用程序。我需要在应用程序中播放视频。视频源始终位于本地，即用户计算机上。一切都很棒，直到我发现HTML5

<video controls>
  <source :src="local\path\outputfile.m3u8" type="application/x-mpegURL">
</video>

ffmpeg(local\path\to\video.mp4)
  .audioBitrate(96)
  .outputOptions([
    '-codec: copy',
    '-hls_time 10',
    '-hls_playlist_type vod',
    '-hls_base_url http://localhost:8080/',
    `-hls_segment_filename \local\path\%03d.ts`
  ])
  .output(`\local\path\outputfile.m3u8`)
    .on('progress', function(progress) {
      console.log('Processing: ' + progress.percent + '% done')
  })
  .on('end', function(err, stdout, stderr) {
    console.log('Finished processing!' /*, err, stdout, stderr*/)
  })
  .run()