java - 通过使用spring框架如何设计一个向用户显示视频的网页

Question

我们正在开发一个网络应用程序，我们必须在其中向用户显示视频列表，因此面临 Chrome 的问题，它不允许视频转发，因此请向我们建议更好的解决方案

Controller 代码

@RequestMapping(value="GetVideo.ht", method=RequestMethod.GET)
public void getImage(@RequestParam("video_name") String name,
    HttpServletResponse response,
    HttpServletRequest request) throws IOException {
    System.out.println("I am from GetVideo.ht");

    HttpHeaders headers = new HttpHeaders();
    // response.setContentType("video/mp4");
    headers.set("Accept-Ranges", "bytes");
    headers.set("Content-Range", "bytes=0-1025/9044858");
    headers.set("Content-Transfer-Encoding", "binary");
    headers.set("Content-Length", "9044858");

    String decrypt = Enc.DecryptText(name);
    System.out.println("decry=" + decrypt);
    File imageFile = new File(decrypt);
    response.setContentType(MediaType.APPLICATION_OCTET_STREAM_VALUE);
    response.setHeader("Content-Disposition", "attachment; filename=" + imageFile.getName().replace(" ", "_"));

    InputStream in = new FileInputStream(imageFile);
    IOUtils.copy(in, response.getOutputStream()); 
    in.close();
}

在jsp页面中

<c:forEach items="${user_videos}" var="v" varStatus="status">
  <div id="${status.index}" class="tabcontent">
    <div class="col-lg-12 text-center pt-4">
      <video class="video-js vjs-default-skin" width="670" height="400" 
        controls id="vid${v.video_id}" onplay="loadVideo(${v.video_id},${status.index})">
        <source src="GetVideo.ht?video_name=${v.uploaded_video}" 
                type="video/mp4" >
      </video>
</c:forEach>

Answer 1

您的 Controller 需要支持字节范围请求。但你为什么不使用 Spring Content对于您的解决方案的视频内容部分？这样您就不需要实现上面介绍的任何视频内容处理。 Spring Content 将为您提供这一点。

要将 Spring 内容添加到您的项目中:

pom.xml

<dependency>
    <groupId>com.github.paulcwarren</groupId>
    <artifactId>spring-content-rest-boot-starter</artifactId>
    <version>0.10.0</version>
</dependency>
<dependency>
    <groupId>com.github.paulcwarren</groupId>
    <artifactId>content-fs-spring-boot-starter</artifactId>
    <version>0.10.0</version>
</dependency>

将内容与视频实体关联(例如)。

Video.java

@Entity
public class Video {
   ...

   @ContentId
   private String contentId;

   @ContentLength
   private Long contentLength;

   @MimeType
   private String mimeType;

   ...

VideoLibrary.java

创建一个VideoLibrary接口(interface)。

  @StoreRestResource(path="videos")
  public interface VideoLibrary extends ContentStore<Video,String> {
    //
  }

通过@EnableFilesystemStores将它们捆绑在一起，并为您的视频库提供一个“持久文件夹”。这是上传视频的上传和流式传输的位置。

SpringBootApplication.java

@SpringBootApplication
public class YourSpringBootApplication {

  public static void main(String[] args) {
    SpringApplication.run(YourSpringBootApplication.class, args);
  }

  @Configuration
  @EnableFilesystemStores
  public static class StoreConfig {
    File videoLibrary() {
        return new File("/path/to/your/videos");
    }

    @Bean
    public FileSystemResourceLoader fsResourceLoader() throws Exception {
      return new FileSystemResourceLoader(videoLibary().getAbsolutePath());
    }
  }

}

这就是在 /videos 创建基于 REST 的视频库服务所需的全部内容。本质上，当您的应用程序启动时，Spring Content 将查看您的依赖项(请参阅 Spring Content FS/REST)，查看您的 VideoLibrary 接口(interface)并在文件系统上注入(inject)该接口(interface)的实现。它还将注入(inject)一个 Controller，将 http 请求转发到该实现。这使您不必自己实现任何这些。

所以...

POST/videos/{video-entity-id}

使用 multipart/form-data 请求会将视频存储在 /path/to/your/videos 中，并将其与 id 为 video-entity-id< 的视频实体关联.

GET/videos/{video-entity-id}

将再次获取它。这支持部分字节范围请求；即您需要的视频流。

等等...支持完整的CRUD。

您只需更新 HTML 即可调用正确的 URI:

<c:forEach items="${user_videos}" var="v" varStatus="status">
  <div id="${status.index}" class="tabcontent">
    <div class="col-lg-12 text-center pt-4">
      <video class="video-js vjs-default-skin" width="670" height="400" 
        controls id="vid${v.video_id}">
        <source src="/videos/${v.uploaded_video}" type="video/mp4" >
      </video>
</c:forEach>

有几个入门指南 here 。引用指南是here 。还有教程视频here 。编码位大约从 1/2 处开始。

HTH