change(record): 优化视频播放相关功能

- 移除 index.vue 中的系统介绍和主要特点内容
- 增加接口注释
- 更新 VideoPlayer.vue 中的视频播放器实现，增加跨域支持

ruoyi-module/src/main/java/com/ruoyi/record/controller/RecordInspectionCabinetController.java

@@ -140,7 +140,9 @@ public class RecordInspectionCabinetController extends BaseController
             FileSystemResource resource = new FileSystemResource(file);
             // 设置响应头，指定内容类型为视频格式
             HttpHeaders headers = new HttpHeaders();
+            // 设置文件长度的内容类型
             headers.setContentLength(file.length());
+            // 解析媒体类型并设置内容类型为视频MP4
             headers.setContentType(MediaType.parseMediaType("video/mp4"));
             // 返回包含文件资源的响应实体
             return ResponseEntity.ok()
@@ -169,10 +171,12 @@ public class RecordInspectionCabinetController extends BaseController
         if (file.exists()) {
             // 如果文件存在，创建文件系统资源对象
             FileSystemResource resource = new FileSystemResource(file);
-            // 设置HTTP头信息，指定内容类型为视频格式
+            // 设置HTTP头信息
             HttpHeaders headers = new HttpHeaders();
-            headers.setContentType(MediaType.parseMediaType("video/mp4"));
+            // 设置文件长度
             headers.setContentLength(file.length());
+            // 解析媒体类型并设置内容类型为视频MP4
+            headers.setContentType(MediaType.parseMediaType("video/mp4"));
             // 返回包含文件资源的响应实体
             return ResponseEntity.ok()
                     .headers(headers)

ruoyi-ui/src/views/index.vue

@@ -5,18 +5,11 @@
     </header>
     <main class="home-content">
       <section class="welcome-section">
-        <h2>系统介绍</h2>
-        <p>这是一个赛轮智慧热电管理系统，提供了丰富的功能和优雅的界面。</p>
+
 
       </section>
       <section class="features-section">
-        <h2>主要特点</h2>
-        <ul>
-          <li>响应式设计</li>
-          <li>模块化开发</li>
-          <li>高性能</li>
-          <li>易扩展</li>
-        </ul>
+
       </section>
       <section class="action-section">
         <button class="action-button" @click="handleStartUsing">开始使用</button>

ruoyi-ui/src/views/record/recordInspectionCabinet/VideoPlayer.vue

@@ -101,10 +101,13 @@ video {
 <template>
   <div class="video-container">
     <h1>视频播放页面</h1>
-    <video controls width="640" ref="thermalVideo" :src="thermalVideo" height="360" autoplay>
+    <video controls width="640" height="360" autoplay crossorigin>
+      <source :src="thermalVideo" type="video/mp4">
       您的浏览器不支持 video 标签。
     </video>
-    <video controls width="640" ref="visibleVideo" :src="visibleVideo" height="360"  autoplay>
+
+    <video controls width="640" height="360" autoplay crossorigin>
+      <source :src="visibleVideo" type="video/mp4">
       您的浏览器不支持 video 标签。
     </video>
   </div>