SpringBoot+thymeleaf完成视频记忆播放功能

jlzjtz

已于 2024-03-30 18:44:36 修改

阅读量978

点赞数 12

分类专栏： java 文章标签： spring boot 后端 java

于 2024-03-30 18:41:40 首次发布

本文链接：https://blog.csdn.net/myydnz/article/details/137178998

版权

本文介绍了如何使用SpringBoot和Thymeleaf构建一个视频播放功能，系统能记录观看位置，以便下次从上次停止处继续播放。文章详细阐述了实现思路，包括设置视频、配置项目、编写前后端代码以及测试流程。

摘要由CSDN通过智能技术生成

一、背景

1）客户要做一个视频播放功能，要求是系统能够记录观看人员在看视频时能够记录看到了哪个位置，在下次观看视频的时候能够从该位置进行播放。

2）同时，也要能够记录是谁看了视频，看了百分之多少。

说明：由于时间关系和篇幅原因，我们这里只先讨论第一个要求，第二个要求在后续不断完善的时候再更新。

二、思路

首先，我们先准备一个视频。然后建一个SpringBoot+thymeleaf的项目，将视频放入到项目中的Resource下，建议自己新建一个文件夹，如图所示：

然后，导入相关依赖——》配置相关属性文件——》在java后台写两个方法（一个方法是跳转到前端页面；另一个方法用来加载视频并返回。当跳转到前端时，通过html标签路径加载后台方法。）

接着，要写个前端页面用于展示，前端要配合JS使用。

最后，访问测试。

三、实现过程

1、添加依赖：

        <!-- 页面 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

注：pom全文参考如下（仅作为配置参考，不同环境有所不同）：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.6.4</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.example</groupId>
    <artifactId>mybatisdemo02</artifactId>
    <version>0.0.1-SNAPSHOT</version>