如何显示从 Guzzle 响应到 html 的流内容

Question

我尝试使用 Guzzle 从 api 显示具有音频/wav 输出的流响应。这就是我所做的

  $data = array(
          'input_text' => $request->input_text,
      );
      $url = "http://abc.or/tospeech";
      $client = new \GuzzleHttp\Client();
      $response = $client->post($url, [
          'headers' => ['Content-Type' => 'application/json', 'Accept' => 'application/json'],
          'body'    => json_encode($data)
      ]);

      $result = $response->getBody()->getContents();
return redirect('/home')->withInput()->with('result', $result);

从上面的代码 $result 有输出 null 但如果我将结果更改为

$result = (string)$response->getBody();

结果将如下所示

然后我尝试像这样在 html 中显示它

<audio id="source" class="form-control" controls>
       <source src="{{ session('result') }}" type="audio/wav">
       Your browser does not support the audio element.
</audio>

但是什么也没发生。请帮助是否有人知道这一点。我真的很感激。

Answer 1

假设你有这两条路线：

Route::get('/home', function (Request $request) {
    return view('index', [
        'input_text' => $request->input_text
    ]);
});

Route::get('/audio', function (Request $request) {
      $data = array(
          'input_text' => $request->input_text,
      );
      $url = "http://abc.or/tospeech";
      $client = new \GuzzleHttp\Client();
      $response = $client->post($url, [
          'headers' => ['Content-Type' => 'application/json', 'Accept' => 'application/json'],
          'body'    => json_encode($data)
      ]);

      $result = $response->getBody()->getContents();
      return response($result, 200, [
           'Content-Type' => 'audio/wav'
      ]);
})->name('stream');

那么你的视图会是这样的：

<audio id="source" class="form-control" controls>
       <source src="{{ route('stream', [ 'input_text' => $input_text ]) }}" type="audio/wav">
       Your browser does not support the audio element.
</audio>

这里的想法是：

1. 您最初的/home 路线将保持不变（不确定之前是怎样的，这里我只是一个示例）。
2. 第二条路由将读取音频数据并将其作为响应发送。

这应该使音频元素在全部加载后播放数据。请注意，这不允许通过音频进行搜索，并且实际上会一次发送所有音频。如果您想支持寻求，您需要让您的路线支持http range 请求。据说有 at least one library 为 Laravel 提供支持，但这似乎已经过时，因此您可能需要进行额外的搜索。