移除hls.min.js

登录封面替换
Merge branch 'fix/1116' into dev
2025-10-27 04:25:02 +08:00 · 2024-01-08 16:14:11 +08:00 · 2024-01-08 12:02:31 +08:00 · 2023-11-16 14:57:44 +08:00 · 2023-11-16 14:57:38 +08:00 · 2023-11-16 14:55:26 +08:00
11 changed files with 73 additions and 38 deletions
--- a/index.html
+++ b/index.html
@@ -13,10 +13,5 @@
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
-    <script
-      crossorigin="anonymous"
-      integrity="sha512-oHrfR/z2wkuRuaHrdZ9NhoT/o/1kteub+QvmQgVzOKK7NTvIKQMvnY9+/RR0+eW311o4lAE/YzzLXXmP2XUvig=="
-      src="https://lib.baomitu.com/hls.js/1.1.4/hls.min.js"
-    ></script>
  </body>
 </html>
--- a/package.json
+++ b/package.json
@@ -28,9 +28,11 @@
  "devDependencies": {
    "@types/react": "^18.0.28",
    "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-legacy": "^4.1.1",
    "@vitejs/plugin-react-swc": "^3.0.0",
    "rollup-plugin-gzip": "^3.1.0",
    "sass": "^1.59.3",
+    "terser": "^5.20.0",
    "typescript": "^4.9.3",
    "vite": "^4.2.0"
  }
--- a/src/assets/images/login/banner.png
+++ b/src/assets/images/login/banner.png
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,5 +1,3 @@
-@import "./assets/iconfont/iconfont.css";
-
 $primaryColor: #ff4d4f;

 :root {
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -4,6 +4,7 @@ import store from "./store";
 import { BrowserRouter } from "react-router-dom";
 import { ConfigProvider } from "antd";
 import zhCN from "antd/locale/zh_CN";
+import "./assets/iconfont/iconfont.css";
 import App from "./App";
 import "./index.scss"; //全局样式
 import AutoScorllTop from "./AutoTop";
@@ -21,4 +22,4 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
      </BrowserRouter>
    </ConfigProvider>
  </Provider>
-);
+);
--- a/src/pages/course/index.module.scss
+++ b/src/pages/course/index.module.scss
@@ -101,7 +101,7 @@
  align-items: center;
  position: relative;
  .tab-item {
-    width: 64px;
+    min-width: 64px;
    height: 48px;
    margin-right: 50px;
    transition: all 0.2s;
@@ -114,7 +114,7 @@
      }
    }
    .tit {
-      width: 64px;
+      width: 100%;
      height: 40px;
      font-size: 16px;
      font-weight: 400;
@@ -123,7 +123,7 @@
    }
  }
  .tab-active-item {
-    width: 64px;
+    min-width: 64px;
    height: 48px;
    cursor: pointer;
    margin-right: 50px;
@@ -133,7 +133,7 @@
      opacity: 0.8;
    }
    .tit {
-      width: 64px;
+      width: 100%;
      height: 40px;
      font-size: 16px;
      font-weight: 500;
--- a/src/pages/course/video.module.scss
+++ b/src/pages/course/video.module.scss
@@ -64,6 +64,7 @@
      margin: 0 auto;
      border-radius: 8px;
      position: relative;
+
      .alert-message {
        position: absolute;
        top: 0;
@@ -80,6 +81,12 @@
        font-size: 18px;
        color: white;
        z-index: 100;
+        .des-video {
+          font-size: 15px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 15px;
+        }
        .alert-button {
          width: 200px;
          height: 54px;
--- a/src/pages/course/video.tsx
+++ b/src/pages/course/video.tsx
@@ -5,8 +5,10 @@ import { useSelector } from "react-redux";
 import { course as Course } from "../../api/index";
 import { ArrowLeftOutlined } from "@ant-design/icons";
 import { message } from "antd";
+import { getPlayId, savePlayId } from "../../utils";

 declare const window: any;
+var timer: any = null;

 const CoursePalyPage = () => {
  const navigate = useNavigate();
@@ -28,8 +30,10 @@ const CoursePalyPage = () => {
  const playRef = useRef(0);
  const watchRef = useRef(0);
  const totalRef = useRef(0);
+  const [checkPlayerStatus, setCheckPlayerStatus] = useState(false);

  useEffect(() => {
+    timer && clearInterval(timer);
    getCourse();
    getDetail();
    document.oncontextmenu = function (e) {
@@ -37,7 +41,9 @@ const CoursePalyPage = () => {
      e = e || window.event;
      return false;
    };
+
    return () => {
+      timer && clearInterval(timer);
      document.oncontextmenu = function (e) {
        /*恢复浏览器默认右键事件*/
        e = e || window.event;
@@ -123,6 +129,7 @@ const CoursePalyPage = () => {
      (res: any) => {
        setPlayUrl(res.data.url);
        initDPlayer(res.data.url, 0, data);
+        savePlayId(String(params.courseId) + "-" + String(params.hourId));
      }
    );
  };
@@ -185,6 +192,7 @@ const CoursePalyPage = () => {
      window.player && window.player.destroy();
    });
    setLoading(false);
+    checkPlayer();
  };

  const playTimeUpdate = (duration: number, isEnd: boolean) => {
@@ -201,6 +209,22 @@ const CoursePalyPage = () => {
    }
  };

+  const checkPlayer = () => {
+    timer = setInterval(() => {
+      let playId = getPlayId();
+      if (
+        playId &&
+        playId !== String(params.courseId) + "-" + String(params.hourId)
+      ) {
+        timer && clearInterval(timer);
+        window.player && window.player.destroy();
+        setCheckPlayerStatus(true);
+      } else {
+        setCheckPlayerStatus(false);
+      }
+    }, 5000);
+  };
+
  const goNextVideo = () => {
    const index = totalHours.findIndex(
      (i: any) => i.id === Number(params.hourId)
@@ -234,6 +258,7 @@ const CoursePalyPage = () => {
          <div
            className={styles["close-btn"]}
            onClick={() => {
+              timer && clearInterval(timer);
              window.player && window.player.destroy();
              document.oncontextmenu = function (e) {
                /*恢复浏览器默认右键事件*/
@@ -256,6 +281,13 @@ const CoursePalyPage = () => {
            id="meedu-player-container"
            style={{ borderRadius: 8 }}
          ></div>
+          {checkPlayerStatus && (
+            <div className={styles["alert-message"]}>
+              <div className={styles["des-video"]}>
+                您已打开新视频，暂停本视频播放
+              </div>
+            </div>
+          )}
          {playendedStatus && (
            <div className={styles["alert-message"]}>
              {isLastpage && (
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -298,27 +298,17 @@ const IndexPage = () => {
                        {studyTimeFormat(stats.today_learn_duration)[0] ||
                          0}{" "}
                      </strong>
-                      天
-                    </>
-                  )}
-                  {studyTimeFormat(stats.today_learn_duration)[1] !== 0 && (
-                    <>
-                      <strong>
-                        {" "}
-                        {studyTimeFormat(stats.today_learn_duration)[1] ||
-                          0}{" "}
-                      </strong>
                      小时
                    </>
                  )}
                  <strong>
                    {" "}
-                    {studyTimeFormat(stats.today_learn_duration)[2] || 0}{" "}
+                    {studyTimeFormat(stats.today_learn_duration)[1] || 0}{" "}
                  </strong>
                  分钟
                  <strong>
                    {" "}
-                    {studyTimeFormat(stats.today_learn_duration)[3] || 0}{" "}
+                    {studyTimeFormat(stats.today_learn_duration)[2] || 0}{" "}
                  </strong>
                  秒
                </div>
@@ -331,27 +321,17 @@ const IndexPage = () => {
                        {studyTimeFormat(stats.learn_duration || 0)[0] ||
                          0}{" "}
                      </strong>
-                      天
-                    </>
-                  )}
-                  {studyTimeFormat(stats.learn_duration || 0)[1] !== 0 && (
-                    <>
-                      <strong>
-                        {" "}
-                        {studyTimeFormat(stats.learn_duration || 0)[1] ||
-                          0}{" "}
-                      </strong>
                      小时
                    </>
                  )}
                  <strong>
                    {" "}
-                    {studyTimeFormat(stats.learn_duration || 0)[2] || 0}{" "}
+                    {studyTimeFormat(stats.learn_duration || 0)[1] || 0}{" "}
                  </strong>
                  分钟
                  <strong>
                    {" "}
-                    {studyTimeFormat(stats.learn_duration || 0)[3] || 0}{" "}
+                    {studyTimeFormat(stats.learn_duration || 0)[2] || 0}{" "}
                  </strong>
                  秒
                </div>
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -28,7 +28,6 @@ export function durationFormat(dateStr: number) {
 export function studyTimeFormat(dateStr: number) {
  var d = moment.duration(dateStr / 1000, "seconds");
  let value = [];
-  value.push(Math.floor(d.asDays()));
  value.push(d.hours());
  value.push(d.minutes());
  value.push(d.seconds());
@@ -111,3 +110,15 @@ export function isMobile() {
  );
  return flag;
 }
+
+export function getPlayId(): string {
+  return window.localStorage.getItem("playedu-play-id") || "";
+}
+
+export function savePlayId(id: string) {
+  window.localStorage.setItem("playedu-play-id", id);
+}
+
+export function clearPlayId() {
+  window.localStorage.removeItem("playedu-play-id");
+}
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +1,7 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import gzipPlugin from "rollup-plugin-gzip";
+import legacy from "@vitejs/plugin-legacy";

 // https://vitejs.dev/config/
 export default defineConfig({
@@ -8,7 +9,15 @@ export default defineConfig({
    host: "0.0.0.0",
    port: 9797,
  },
-  plugins: [react()],
+  plugins: [
+    react(),
+    legacy({
+      targets: ["chrome 52"],
+      additionalLegacyPolyfills: ["regenerator-runtime/runtime"],
+      renderLegacyChunks: true,
+      modernPolyfills: true,
+    }),
+  ],
  build: {
    rollupOptions: {
      plugins: [gzipPlugin()],
Author	SHA1	Message	Date
xxx	6e920d8ea1	移除hls.min.js	2024-01-08 16:14:11 +08:00
unknown	8154ee3130	登录封面替换	2024-01-08 12:02:31 +08:00
xxx	e056775fc0	Merge branch 'fix/1116' into dev	2023-11-16 14:57:44 +08:00
unknown	f5b4a70741	首页学习时间不显示天数	2023-11-16 14:57:38 +08:00
unknown	e1bca31883	课程详情tab优化	2023-11-16 14:55:26 +08:00
白书科技	f1985d0b8f	!6 优化 Merge pull request !6 from 白书科技/fix/1007	2023-10-07 09:55:43 +00:00
unknown	3eafab1d41	首页学习时间不显示天数	2023-10-07 17:53:57 +08:00
白书科技	66fd8486db	!5 优化 Merge pull request !5 from 白书科技/fix/0922	2023-09-24 00:47:27 +00:00
unknown	30612785b5	检测视频重复播放	2023-09-22 16:50:31 +08:00
unknown	1fbe67f228	检测视频重复播放	2023-09-22 16:46:43 +08:00
unknown	7a64180d04	iconfont优化	2023-09-22 15:28:35 +08:00
xxx	eaee82649e	兼容安卓钉钉	2023-09-21 10:32:21 +08:00