课程视频播放

2025-06-27 23:52:50 +08:00 · 2023-03-24 18:42:18 +08:00 · 2023-03-24 18:42:18 +08:00 · 8eb517fa86
commit 8eb517fa86
parent bafdbc3347
74 changed files with 237 additions and 8 deletions
--- a/index.html
+++ b/index.html
@ -9,5 +9,11 @@
  <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>
    <script src="/public/js/DPlayer.min.js" defer></script>
  </body>
 </html>
--- a/public/js/DPlayer.min.js
+++ b/public/js/DPlayer.min.js
--- a/public/js/katex/contrib/auto-render.min.js
+++ b/public/js/katex/contrib/auto-render.min.js
@ -0,0 +1 @@
 !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={771:function(t){t.exports=e}},r={};function n(e){var i=r[e];if(void 0!==i)return i.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var i={};return function(){n.d(i,{default:function(){return s}});var e=n(771),t=n.n(e),r=function(e,t,r){for(var n=r,i=0,a=e.length;n<t.length;){var o=t[n];if(i<=0&&t.slice(n,n+a)===e)return n;"\\"===o?n++:"{"===o?i++:"}"===o&&i--,n++}return-1},a=/^\\begin{/,o=function(e,t){for(var n,i=[],o=new RegExp("("+t.map((function(e){return e.left.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")})).join("|")+")");-1!==(n=e.search(o));){n>0&&(i.push({type:"text",data:e.slice(0,n)}),e=e.slice(n));var l=t.findIndex((function(t){return e.startsWith(t.left)}));if(-1===(n=r(t[l].right,e,t[l].left.length)))break;var d=e.slice(0,n+t[l].right.length),s=a.test(d)?d:e.slice(t[l].left.length,n);i.push({type:"math",data:s,rawData:d,display:t[l].display}),e=e.slice(n+t[l].right.length)}return""!==e&&i.push({type:"text",data:e}),i},l=function(e,r){var n=o(e,r.delimiters);if(1===n.length&&"text"===n[0].type)return null;for(var i=document.createDocumentFragment(),a=0;a<n.length;a++)if("text"===n[a].type)i.appendChild(document.createTextNode(n[a].data));else{var l=document.createElement("span"),d=n[a].data;r.displayMode=n[a].display;try{r.preProcess&&(d=r.preProcess(d)),t().render(d,l,r)}catch(e){if(!(e instanceof t().ParseError))throw e;r.errorCallback("KaTeX auto-render: Failed to parse `"+n[a].data+"` with ",e),i.appendChild(document.createTextNode(n[a].rawData));continue}i.appendChild(l)}return i},d=function e(t,r){for(var n=0;n<t.childNodes.length;n++){var i=t.childNodes[n];if(3===i.nodeType){for(var a=i.textContent,o=i.nextSibling,d=0;o&&o.nodeType===Node.TEXT_NODE;)a+=o.textContent,o=o.nextSibling,d++;var s=l(a,r);if(s){for(var f=0;f<d;f++)i.nextSibling.remove();n+=s.childNodes.length-1,t.replaceChild(s,i)}else n+=d}else 1===i.nodeType&&function(){var t=" "+i.className+" ";-1===r.ignoredTags.indexOf(i.nodeName.toLowerCase())&&r.ignoredClasses.every((function(e){return-1===t.indexOf(" "+e+" ")}))&&e(i,r)}()}},s=function(e,t){if(!e)throw new Error("No element provided to render");var r={};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);r.delimiters=r.delimiters||[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}],r.ignoredTags=r.ignoredTags||["script","noscript","style","textarea","pre","code","option"],r.ignoredClasses=r.ignoredClasses||[],r.errorCallback=r.errorCallback||console.error,r.macros=r.macros||{},d(e,r)}}(),i=i.default}()}));
--- a/public/js/katex/fonts/KaTeX_AMS-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_AMS-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_AMS-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_AMS-Regular.woff
--- a/public/js/katex/fonts/KaTeX_AMS-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_AMS-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Caligraphic-Bold.ttf
+++ b/public/js/katex/fonts/KaTeX_Caligraphic-Bold.ttf
--- a/public/js/katex/fonts/KaTeX_Caligraphic-Bold.woff
+++ b/public/js/katex/fonts/KaTeX_Caligraphic-Bold.woff
--- a/public/js/katex/fonts/KaTeX_Caligraphic-Bold.woff2
+++ b/public/js/katex/fonts/KaTeX_Caligraphic-Bold.woff2
--- a/public/js/katex/fonts/KaTeX_Caligraphic-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Caligraphic-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Caligraphic-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Caligraphic-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Caligraphic-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Caligraphic-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Fraktur-Bold.ttf
+++ b/public/js/katex/fonts/KaTeX_Fraktur-Bold.ttf
--- a/public/js/katex/fonts/KaTeX_Fraktur-Bold.woff
+++ b/public/js/katex/fonts/KaTeX_Fraktur-Bold.woff
--- a/public/js/katex/fonts/KaTeX_Fraktur-Bold.woff2
+++ b/public/js/katex/fonts/KaTeX_Fraktur-Bold.woff2
--- a/public/js/katex/fonts/KaTeX_Fraktur-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Fraktur-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Fraktur-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Fraktur-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Fraktur-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Fraktur-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Main-Bold.ttf
+++ b/public/js/katex/fonts/KaTeX_Main-Bold.ttf
--- a/public/js/katex/fonts/KaTeX_Main-Bold.woff
+++ b/public/js/katex/fonts/KaTeX_Main-Bold.woff
--- a/public/js/katex/fonts/KaTeX_Main-Bold.woff2
+++ b/public/js/katex/fonts/KaTeX_Main-Bold.woff2
--- a/public/js/katex/fonts/KaTeX_Main-BoldItalic.ttf
+++ b/public/js/katex/fonts/KaTeX_Main-BoldItalic.ttf
--- a/public/js/katex/fonts/KaTeX_Main-BoldItalic.woff
+++ b/public/js/katex/fonts/KaTeX_Main-BoldItalic.woff
--- a/public/js/katex/fonts/KaTeX_Main-BoldItalic.woff2
+++ b/public/js/katex/fonts/KaTeX_Main-BoldItalic.woff2
--- a/public/js/katex/fonts/KaTeX_Main-Italic.ttf
+++ b/public/js/katex/fonts/KaTeX_Main-Italic.ttf
--- a/public/js/katex/fonts/KaTeX_Main-Italic.woff
+++ b/public/js/katex/fonts/KaTeX_Main-Italic.woff
--- a/public/js/katex/fonts/KaTeX_Main-Italic.woff2
+++ b/public/js/katex/fonts/KaTeX_Main-Italic.woff2
--- a/public/js/katex/fonts/KaTeX_Main-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Main-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Main-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Main-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Main-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Main-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Math-BoldItalic.ttf
+++ b/public/js/katex/fonts/KaTeX_Math-BoldItalic.ttf
--- a/public/js/katex/fonts/KaTeX_Math-BoldItalic.woff
+++ b/public/js/katex/fonts/KaTeX_Math-BoldItalic.woff
--- a/public/js/katex/fonts/KaTeX_Math-BoldItalic.woff2
+++ b/public/js/katex/fonts/KaTeX_Math-BoldItalic.woff2
--- a/public/js/katex/fonts/KaTeX_Math-Italic.ttf
+++ b/public/js/katex/fonts/KaTeX_Math-Italic.ttf
--- a/public/js/katex/fonts/KaTeX_Math-Italic.woff
+++ b/public/js/katex/fonts/KaTeX_Math-Italic.woff
--- a/public/js/katex/fonts/KaTeX_Math-Italic.woff2
+++ b/public/js/katex/fonts/KaTeX_Math-Italic.woff2
--- a/public/js/katex/fonts/KaTeX_SansSerif-Bold.ttf
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Bold.ttf
--- a/public/js/katex/fonts/KaTeX_SansSerif-Bold.woff
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Bold.woff
--- a/public/js/katex/fonts/KaTeX_SansSerif-Bold.woff2
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Bold.woff2
--- a/public/js/katex/fonts/KaTeX_SansSerif-Italic.ttf
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Italic.ttf
--- a/public/js/katex/fonts/KaTeX_SansSerif-Italic.woff
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Italic.woff
--- a/public/js/katex/fonts/KaTeX_SansSerif-Italic.woff2
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Italic.woff2
--- a/public/js/katex/fonts/KaTeX_SansSerif-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_SansSerif-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Regular.woff
--- a/public/js/katex/fonts/KaTeX_SansSerif-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_SansSerif-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Script-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Script-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Script-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Script-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Script-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Script-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Size1-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Size1-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Size1-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Size1-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Size1-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Size1-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Size2-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Size2-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Size2-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Size2-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Size2-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Size2-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Size3-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Size3-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Size3-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Size3-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Size3-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Size3-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Size4-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Size4-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Size4-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Size4-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Size4-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Size4-Regular.woff2
--- a/public/js/katex/fonts/KaTeX_Typewriter-Regular.ttf
+++ b/public/js/katex/fonts/KaTeX_Typewriter-Regular.ttf
--- a/public/js/katex/fonts/KaTeX_Typewriter-Regular.woff
+++ b/public/js/katex/fonts/KaTeX_Typewriter-Regular.woff
--- a/public/js/katex/fonts/KaTeX_Typewriter-Regular.woff2
+++ b/public/js/katex/fonts/KaTeX_Typewriter-Regular.woff2
--- a/public/js/katex/katex.min.css
+++ b/public/js/katex/katex.min.css
--- a/public/js/katex/katex.min.js
+++ b/public/js/katex/katex.min.js
--- a/public/js/xg/hls.min.js
+++ b/public/js/xg/hls.min.js
--- a/public/js/xg/index.js
+++ b/public/js/xg/index.js
--- a/src/api/course.ts
+++ b/src/api/course.ts
@ -7,7 +7,7 @@ export function detail(id: number) {
 // 获取播放地址
 export function playUrl(courseId: number, hourId: number) {
-  return client.get(`/api/v1/course/${courseId}/hour/${hourId}`, {});
+  return client.get(`/api/v1/course/${courseId}/hour/${hourId}/play`, {});
 }
 // 记录学员观看时长
--- a/src/compenents/header/index.tsx
+++ b/src/compenents/header/index.tsx
@ -93,12 +93,14 @@ export const Header: React.FC = () => {
            <Dropdown menu={{ items, onClick }} placement="bottomRight">
              <div className="d-flex">
                {user && user.name && (
-                  <img
+                  <>
-                    style={{ width: 36, height: 36, borderRadius: "50%" }}
+                    <img
-                    src={user.avatar}
+                      style={{ width: 36, height: 36, borderRadius: "50%" }}
-                  />
+                      src={user.avatar}
                    />
                    <span className="ml-8 c-admin">{user.name}</span>
                  </>
                )}
                <span className="ml-8 c-admin">{user.name}</span>
              </div>
            </Dropdown>
          </Button.Group>
--- a/src/global.d.ts
+++ b/src/global.d.ts
@ -0,0 +1,7 @@
 export {};
 declare global {
  interface Window {
    $microWidgetProps: any; //全局变量名
  }
 }
--- a/src/pages/course/compenents/hour.tsx
+++ b/src/pages/course/compenents/hour.tsx
@ -5,9 +5,11 @@ import styles from "./hour.module.scss";
 import mediaIcon from "../../../assets/images/commen/icon-medal.png";
 import { Navigate } from "react-router-dom";
 import { durationFormat } from "../../../utils/index";
 import { VideoModel } from "./video";
 interface PropInterface {
  id: number;
  cid: number;
  title: string;
  duration: number;
  record: any;
@ -16,14 +18,23 @@ interface PropInterface {
 export const HourCompenent: React.FC<PropInterface> = ({
  id,
  cid,
  title,
  duration,
  record,
  progress,
 }) => {
  const navigate = useNavigate();
  const [visible, setVisible] = useState<boolean>(false);
  return (
    <div className={styles["item"]}>
      <VideoModel
        cid={cid}
        id={id}
        title={title}
        open={visible}
        onCancel={() => setVisible(false)}
      ></VideoModel>
      <div className={styles["left-item"]}>
        <i className="iconfont icon-icon-video"></i>
        <div className={styles["title"]}>
@ -37,7 +48,7 @@ export const HourCompenent: React.FC<PropInterface> = ({
              <div
                className={styles["link"]}
                onClick={() => {
-                  navigate(`/course/play/${id}`);
+                  setVisible(true);
                }}
              >
                开始学习
@ -51,7 +62,7 @@ export const HourCompenent: React.FC<PropInterface> = ({
                <div
                  className={styles["link"]}
                  onClick={() => {
-                    navigate(`/course/play/${id}`);
+                    setVisible(true);
                  }}
                >
                  继续学习
--- a/src/pages/course/compenents/video.module.scss
+++ b/src/pages/course/compenents/video.module.scss
@ -0,0 +1,73 @@
 .video-mask {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background-color: #0e0e1e;
  display: flex;
  justify-content: center;
  z-index: 100;
  .top-cont {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    .box {
      width: 1200px;
      height: 60px;
      display: flex;
      align-items: center;
      margin: 0 auto;
      .close-btn {
        width: 110px;
        height: 40px;
        display: flex;
        align-items: center;
        padding-left: 30px;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        line-height: 24px;
        cursor: pointer;
      }
    }
  }
  .video-body {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 30px;
    margin-top: 60px;
    animation: scaleBig 0.3s;
    .video-title {
      width: 1200px;
      height: 36px;
      font-size: 20px;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.88);
      line-height: 36px;
      margin-bottom: 30px;
      text-align: left;
    }
    .video-box {
      width: 1200px;
      height: 600px;
      margin: 0 auto;
      border-radius: 8px;
      overflow: hidden;
      background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
      background-size: 400% 100%;
      animation: el-skeleton-loading 1.4s ease infinite;
    }
  }
 }
--- a/src/pages/course/compenents/video.tsx
+++ b/src/pages/course/compenents/video.tsx
@ -0,0 +1,102 @@
 import React, { useState, useEffect } from "react";
 import styles from "./video.module.scss";
 import { course } from "../../../api/index";
 declare const window: any;
 interface PropInterface {
  id: number;
  cid: number;
  title: string;
  open: boolean;
  onCancel: () => void;
 }
 export const VideoModel: React.FC<PropInterface> = ({
  id,
  cid,
  title,
  open,
  onCancel,
 }) => {
  const [playUrl, setPlayUrl] = useState<string>("");
  const [playDuration, setPlayDuration] = useState(0);
  useEffect(() => {
    if (open) {
      getVideoUrl();
    }
  }, [open, id, cid]);
  const getVideoUrl = () => {
    course.playUrl(cid, id).then((res: any) => {
      setPlayUrl(res.data.url);
      initDPlayer(res.data.url, 1);
    });
  };
  const initDPlayer = (playUrl: string, isTrySee: number) => {
    window.player = new window.DPlayer({
      container: document.getElementById("meedu-player-container"),
      autoplay: false,
      video: {
        quality: playUrl,
        defaultQuality: 0,
      },
      try: isTrySee === 1,
      bulletSecret: {
        enabled: true,
        text: "18119604035",
        size: "15px",
        color: "red",
        opacity: 0.8,
      },
      ban_drag: false,
      last_see_pos: 0,
    });
    // 监听播放进度更新evt
    window.player.on("timeupdate", () => {
      playTimeUpdate(parseInt(window.player.video.currentTime), false);
    });
    window.player.on("ended", () => {
      playTimeUpdate(parseInt(window.player.video.currentTime), true);
      window.player.destroy();
    });
  };
  const playTimeUpdate = (duration: number, isEnd: boolean) => {
    if (duration >= 10 || isEnd === true) {
      setPlayDuration(duration);
      course.record(cid, id, duration).then((res: any) => {});
    }
  };
  return (
    <>
      {open && (
        <div className={styles["video-mask"]}>
          <div className={styles["top-cont"]}>
            <div className={styles["box"]}>
              <div
                className={styles["close-btn"]}
                onClick={() => {
                  window.player && window.player.destroy();
                  onCancel();
                }}
              >
                返回
              </div>
            </div>
          </div>
          <div className={styles["video-body"]}>
            <div className={styles["video-title"]}>{title}</div>
            <div className={styles["video-box"]}>
              <div className="play-box" id="meedu-player-container"></div>
            </div>
          </div>
        </div>
      )}
    </>
  );
 };
--- a/src/pages/course/index.tsx
+++ b/src/pages/course/index.tsx
@ -92,6 +92,7 @@ const CoursePage = () => {
              <div key={item.id} className={styles["hours-it"]}>
                <HourCompenent
                  id={item.id}
                  cid={item.course_id}
                  title={item.title}
                  record={item.rid}
                  duration={item.duration}
@ -110,6 +111,7 @@ const CoursePage = () => {
                  <div key={it.id} className={styles["hours-it"]}>
                    <HourCompenent
                      id={it.id}
                      cid={item.course_id}
                      title={it.title}
                      record={it.rid}
                      duration={it.duration}
		`@ -0,0 +1 @@`
							!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={771:function(t){t.exports=e}},r={};function n(e){var i=r[e];if(void 0!==i)return i.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var i={};return function(){n.d(i,{default:function(){return s}});var e=n(771),t=n.n(e),r=function(e,t,r){for(var n=r,i=0,a=e.length;n<t.length;){var o=t[n];if(i<=0&&t.slice(n,n+a)===e)return n;"\\"===o?n++:"{"===o?i++:"}"===o&&i--,n++}return-1},a=/^\\begin{/,o=function(e,t){for(var n,i=[],o=new RegExp("("+t.map((function(e){return e.left.replace(/[-/\\^$*+?.()\|[\]{}]/g,"\\$&")})).join("\|")+")");-1!==(n=e.search(o));){n>0&&(i.push({type:"text",data:e.slice(0,n)}),e=e.slice(n));var l=t.findIndex((function(t){return e.startsWith(t.left)}));if(-1===(n=r(t[l].right,e,t[l].left.length)))break;var d=e.slice(0,n+t[l].right.length),s=a.test(d)?d:e.slice(t[l].left.length,n);i.push({type:"math",data:s,rawData:d,display:t[l].display}),e=e.slice(n+t[l].right.length)}return""!==e&&i.push({type:"text",data:e}),i},l=function(e,r){var n=o(e,r.delimiters);if(1===n.length&&"text"===n[0].type)return null;for(var i=document.createDocumentFragment(),a=0;a<n.length;a++)if("text"===n[a].type)i.appendChild(document.createTextNode(n[a].data));else{var l=document.createElement("span"),d=n[a].data;r.displayMode=n[a].display;try{r.preProcess&&(d=r.preProcess(d)),t().render(d,l,r)}catch(e){if(!(e instanceof t().ParseError))throw e;r.errorCallback("KaTeX auto-render: Failed to parse `"+n[a].data+"` with ",e),i.appendChild(document.createTextNode(n[a].rawData));continue}i.appendChild(l)}return i},d=function e(t,r){for(var n=0;n<t.childNodes.length;n++){var i=t.childNodes[n];if(3===i.nodeType){for(var a=i.textContent,o=i.nextSibling,d=0;o&&o.nodeType===Node.TEXT_NODE;)a+=o.textContent,o=o.nextSibling,d++;var s=l(a,r);if(s){for(var f=0;f<d;f++)i.nextSibling.remove();n+=s.childNodes.length-1,t.replaceChild(s,i)}else n+=d}else 1===i.nodeType&&function(){var t=" "+i.className+" ";-1===r.ignoredTags.indexOf(i.nodeName.toLowerCase())&&r.ignoredClasses.every((function(e){return-1===t.indexOf(" "+e+" ")}))&&e(i,r)}()}},s=function(e,t){if(!e)throw new Error("No element provided to render");var r={};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);r.delimiters=r.delimiters\|\|[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}],r.ignoredTags=r.ignoredTags\|\|["script","noscript","style","textarea","pre","code","option"],r.ignoredClasses=r.ignoredClasses\|\|[],r.errorCallback=r.errorCallback\|\|console.error,r.macros=r.macros\|\|{},d(e,r)}}(),i=i.default}()}));