当前位置 : 主页 > 编程语言 > java >

SpringBoot静态视频实时播放的实现代码

来源:互联网 收集:自由互联 发布时间:2021-05-10
问题描述 Spring Boot API 定义 GET 请求 API , 返回视频流。前端通过 video 标签加载并播放视频,效果是必须等整个视频资源全部加载到浏览器才能播放,而且 video 标签默认的进度条无法控

问题描述

Spring Boot API 定义 GET 请求 API , 返回视频流。前端通过 <video> 标签加载并播放视频,效果是必须等整个视频资源全部加载到浏览器才能播放,而且 <video> 标签默认的进度条无法控制视频的播放。最终希望的效果是视频流边加载边播放,且播放器的控制正常使用。

解决方法

Spring Framework 文件请求处理

import org.springframework.core.io.FileSystemResource;
import org.springframework.core.io.Resource;
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.resource.ResourceHttpRequestHandler;

import javax.servlet.http.HttpServletRequest;
import java.nio.file.Path;

@Component
public class NonStaticResourceHttpRequestHandler extends ResourceHttpRequestHandler {

  public final static String ATTR_FILE = "NON-STATIC-FILE";

  @Override
  protected Resource getResource(HttpServletRequest request) {
    final Path filePath = (Path) request.getAttribute(ATTR_FILE);
    return new FileSystemResource(filePath);
  }

}

Controller 层

@RestController
@AllArgsConstructor
public class FileRestController {

  private final NonStaticResourceHttpRequestHandler nonStaticResourceHttpRequestHandler;

  /**
   * 预览视频文件, 支持 byte-range 请求
   */
  @GetMapping("/video")
  public void videoPreview(HttpServletRequest request, HttpServletResponse response) throws Exception {
    String path = request.getParameter("path");
    Path filePath = Paths.get(path);
    if (Files.exists(filePath)) {
      String mimeType = Files.probeContentType(filePath);
      if (!StringUtils.isEmpty(mimeType)) {
        response.setContentType(mimeType);
      }
      request.setAttribute(NonStaticResourceHttpRequestHandler.ATTR_FILE, filePath);
      nonStaticResourceHttpRequestHandler.handleRequest(request, response);
    } else {
      response.setStatus(HttpServletResponse.SC_NOT_FOUND);
      response.setCharacterEncoding(StandardCharsets.UTF_8.toString());
    }
  }

}

相关资料

How do I return a video with Spring MVC so that it can be navigated using the html5 tag?

https://stackoverflow.com/questions/3303029/http-range-header

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

网友评论