Safari 浏览器无法加载 wav 文件类型的视频或音频

Question

我一直在研究我们网站的一个错误，即通过 Safari 浏览器查看时，视频和 wav 类型音频文件无法加载/显示。

相反，它只显示没有图像的媒体播放器，并在播放按钮旁边显示一个旋转轮图标，直到单击时时间图标将从“--:--”更改为“-00:00”。然而，MP3 文件将加载，但媒体播放器（而不是显示时间）在播放按钮旁边显示“直播”。

我们的 html 本质上是：

<video width="500" height="500" controls autoplay>
   <source src='/path/to/route?param1=...'/>
</video>

或对于音频：

<audio preload='auto' controls='controls' autoplay='autoplay'>
   <source src='/path/to/route?param1=...' type='audio/type' />
</audio>

我们的控制器方法如下：

@GetMapping("/route")
fun doGet(@RequestParam(name = "param1") param1: String,
          ...,
          request: HttpServletRequest,
          response: HttpServletResponse) {

   //validate and pull audio/video files based on params and session
   ...
   // set response headers
   response.contentType = ...//get type of media
   var contentLength = ...//get length of all files you will be returning
   response.setContentLength(contentLength)
   response.setHeader("Content-Range", String.format("bytes 0-%d/%d", contentLength - 1, 
      contentLength))
   // Output Media
   response.outputStream.use { out ->
      mediaList.map { it.mediaData }
      .forEach { mediaBytes ->
         try {
            out.write(mediaBytes)
            out.flush()
          } catch (e: Exception) {
            log.error(e.message, e)
          }
       }
   }
}

我看到其他答案，内容范围：是 safari 上 wav 的必需标头，与其他浏览器不同，所以我添加它但无济于事。事实上，当查看 Safari 的开发窗口和网络窗口时，它表示获取媒体文件或响应的请求中没有附加标头。

有谁熟悉为什么请求中没有标头和/或如何在 Safari 上播放视频和 wav 文件？日志或控制台中没有抛出任何错误。

经过更多测试后，我想知道这是否是我们返回 Safari 不喜欢的媒体文件的方式。

Answer 1

经过大量挖掘并添加许多不同的标头等到响应中，我们找到了一个解决方案，我想我会将其发布给遇到此问题的任何其他人：

而不是像这样返回文件：按

response.outputStream.use { out ->
  mediaList.map { it.mediaData }
  .forEach { mediaBytes ->
     try {
        out.write(mediaBytes)
        out.flush()
      } catch (e: Exception) {
        log.error(e.message, e)
      }
   }}

如下方式返回它们：

return ResponseEntity.ok().contentType(MediaUtils.getMediaType(mediaType, mediaName)).body(byteArrayResource)

媒体类型将在哪里基于我们返回的文件。除了从其位置提取文件之外，不需要其他任何东西。希望这对遇到此问题的任何人都有帮助。