如何将媒体文件从服务器端流式传输到客户端，例如我在Loopback4NodeJS中的mp3音频文件？

Question

我在移动应用程序的后端有loopback 4- nodejs，在前端有Ionic 4。我在服务器sid上存储了一个mp3文件，我想在客户端流式播放它，所以基本上是来自loopback4的音频流。所以基本上，我在loopback-4中寻找服务器端代码，它是typescript中的，用于将文件音频流传输到客户端。(我无法使用npmjs库，因为它们中的大多数都不是类型化的，不能在typescript中使用)

Answer 1

据我所知，loopback4还没有nodejs流实现。我建议您使用原生NodeJS streams。查看此repo https://github.com/noamtcohen/AudioStreamer

Answer 2

简短回答：我能够通过简单地提供静态文件实现这一点，即从服务器端提供我的音频文件。使用我创建的端点访问它，并使用前端的标记调用它。

长篇答案：

1. 在loopback 4中，您可以在application.ts文件中找到一行代码，其中包含服务器项目根文件夹中的公共目录。

'../../public')); (‘/’，this.static(path.join，__dirname

类似地，您可以从任何您想要的目录中提供静态文件。在我的例子中，我的文件来自媒体文件夹，我将其添加到节点项目的根目录中。

this.static('/', path.join(__dirname, '../media'));

API第二步是公开一个

• 端点，您将使用该端点向服务器发出get请求。您可以在服务器项目的index.ts文件和app.start().

下面的代码中执行此操作

app.static('/media'，'media'，{扩展名：'mp3‘})；

在这里，必须在节点项目的根文件夹中添加API端点和目录。

现在，在前端，您只需将完整的url添加到标签的src属性中，即可访问节点项目中的静态文件。将控件的属性添加到标记中，html将为您处理所有事情。您可以播放、暂停、跳过等。

< src="">http://localhost:3000/media/audio-files/myAudiofile.mp3"> controls #audioElement id="id1“audioElement