配置

5 months ago · 1fa7666dc4
4 changed files with 88 additions and 4 deletions
--- a/ai_chat.html
+++ b/ai_chat.html
@ -18,6 +18,7 @@
 <body>
  <div class="ai-wrapper">
 	  <video class="ai-bg" src="images/bg2.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
+
    <div class="ai-header-wrapper">
      <div class="ai-header">
        <div class="header-left">
@ -99,9 +100,12 @@
 <!-- 弹出框 -->
 <script type="text/javascript" src="js/libs/layer/layer.js"></script>
 <script type="text/javascript" src="js/libs/flexible.js"></script>
+<script type="text/javascript" src="config.js"></script>
 <script type="text/javascript" src="js/index.js"></script>
 <script>
  $(document).ready(function() {
+      $('.ai-wrapper').append('<iframe id="myIframe" style="position: absolute; top: 0; left: -34%; border: none; z-index: 9;" width="100%" height="100%" src="'+config.chatUrl+'"></iframe>')
+
      const $sendButton = $('.send-button');
      const $textArea = $('.chat-send textarea');
      const $chatContent = $('.chat-content');
@ -147,10 +151,10 @@
            isBotReplying = true;

            $.ajax({
-              url: 'http://192.168.99.86:3001/api/v1/workspace/dxhtsg/chat',
+              url: config.apiUrl+'/api/v1/workspace/dxhtsg/chat',
              type: 'POST',
              headers: {
-                'Authorization': 'Bearer XVSPT0T-6P54SZH-QP36QKJ-KK77TN6'
+                'Authorization': config.apiKey
              },
              contentType:'application/json',
              dataType: "json",
--- a/config.js
+++ b/config.js
@ -0,0 +1,5 @@
+ 
+var config = {apiUrl: 'http://27.16.218.109:3001', apiKey: 'Bearer XVSPT0T-6P54SZH-QP36QKJ-KK77TN6',  chatUrl: 'https://f.3dman.cn/art/sDpbYwwJ/fbx/CdYqVH95/index.html'}  
+
+// https://f.3dman.cn/art/9fM6sgHv/avatars/GPBrJQBD/index.html
+// https://f.3dman.cn/art/sDpbYwwJ/fbx/CdYqVH95/index.html
--- a/js/index.js
+++ b/js/index.js
@ -1,5 +1,3 @@
-var ajaxUrl = 'http://192.168.99.86:3001'
-
 $(function () {
  if(localStorage.getItem("userName")){
    $(".header-login p").html(localStorage.getItem("userName"))
--- a/page2-video-layer.html
+++ b/page2-video-layer.html
@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+		<meta http-equiv="Pragma" content="no-cache" />
+		<meta http-equiv="Expires" content="0" />
+		<link rel="stylesheet" type="text/css" href="css/libs/reset.css" />
+		<link rel="stylesheet" type="text/css" href="css/libs/animate.min.css" />
+    <link rel="stylesheet" type="text/css" href="css/plugins/gridNavigation.css" />
+		<link rel="stylesheet" type="text/css" href="css/index.css" />
+		<!--[if lt IE 9]>
+			<script src="js/html5shiv.js"></script>
+			<script src="js/respond.min.js"></script>
+		<![endif]-->
+		<title>视频播放</title>
+    <style>
+      .layer-video{
+        height: 100%;
+        border-radius: .1rem;
+        overflow: hidden;
+      }
+      .video-header{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: calc(100% - .6rem);
+        height: .65rem;
+        line-height: .65rem;
+        padding: 0 .3rem;
+        font-family: 'PingFang';
+        font-size: .3rem;
+        font-weight: 500;
+        color: #fff;
+        background: linear-gradient( 90deg, #5B9DFF 0%, rgba(91,157,255,0) 100%);
+        border-radius: 0.1rem .1rem 0 0;
+      }
+      .video-closed{
+        display: block;
+        width: .4rem;
+        height: .4rem;
+        color: #fff;
+        background: url("images/index-img3.png") no-repeat left top;
+        background-size: .4rem .4rem;
+        cursor: pointer;
+      }
+      .video-box{
+        padding: .3rem;
+        width: calc(100% - .6rem);
+        height: calc(100% - 1.25rem);
+        background: linear-gradient( 180deg, #183375 0%, #122050 100%);
+      }
+    </style>
+	</head>
+<body>
+  <div class="ai-wrapper">
+    <div class="layer-video">
+      <div class="video-header">
+        <h3>视频标题</h3>
+        <span class="video-closed"></span>
+      </div>
+      <div class="video-box">
+        <video id="myVideo" width="100%" height="100%" controls autoplay>
+          <source src="media/video/elephant/重磅！大象机器人发布第二代人工智能套装，深度学习协作机器人、先进机器视觉与应用场景，人工智能实验室与职业教育必备.mp4" type="video/mp4">
+        </video>
+     </div>
+    </div>
+  </div>
+</body>
+<script type="text/javascript" src="js/libs/jquery-3.7.1.min.js"></script>
+<script type="text/javascript" src="js/libs/flexible.js"></script>
+<!-- 模块切换 -->
+<script type="text/javascript" src="js/index.js"></script>
+
+</html>