在网页中将音频分成多个文件播放

Question

我希望在网页上播放有声读物。音频书是一个.zip文件，其中包含多个.mp3文件，该书的每一章都有一个。所有文件的运行时间为几个小时，其累积大小为60MB。 .zip存储在服务器端（Express.js）

我如何在客户端中连续播放每个文件（例如，在<audio>元素中，以便有声读物像1个文件一样流畅地播放？

我需要使用MediaStream对象吗？如果是这样，如何？

谢谢

Answer 1

我唯一想到的选择是使用JavaScript mp3解码器（或将C解码器编译为asm.js / wasm）并使用音频API。或使用mux.js之类的文件将mp3包装为mp4并使用媒体源扩展名进行播放。

Answer 2

也许这会帮助您

<audio controls="controls">
  <source src="track.ogg" type="audio/ogg" />
  <source src="track.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>