xuhuajiao
/
ftExhibition
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

配置

master
xuhuajiao 5 months ago
parent
9f003ba350
commit
1fa7666dc4
4 changed files with 88 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      ai_chat.html
  2. 5
      config.js
  3. 2
      js/index.js
  4. 77
      page2-video-layer.html

8
ai_chat.html
View File

@ -18,6 +18,7 @@
<body> <body>
<div class="ai-wrapper"> <div class="ai-wrapper">
<video class="ai-bg" src="images/bg2.mp4" autoplay="autoplay" loop="loop" muted="muted"></video> <video class="ai-bg" src="images/bg2.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<div class="ai-header-wrapper"> <div class="ai-header-wrapper">
<div class="ai-header"> <div class="ai-header">
<div class="header-left"> <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/layer/layer.js"></script>
<script type="text/javascript" src="js/libs/flexible.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 type="text/javascript" src="js/index.js"></script>
<script> <script>
$(document).ready(function() { $(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 $sendButton = $('.send-button');
const $textArea = $('.chat-send textarea'); const $textArea = $('.chat-send textarea');
const $chatContent = $('.chat-content'); const $chatContent = $('.chat-content');
@ -147,10 +151,10 @@
isBotReplying = true; isBotReplying = true;
$.ajax({ $.ajax({
url: 'http://192.168.99.86:3001/api/v1/workspace/dxhtsg/chat',
url: config.apiUrl+'/api/v1/workspace/dxhtsg/chat',
type: 'POST', type: 'POST',
headers: { headers: {
'Authorization': 'Bearer XVSPT0T-6P54SZH-QP36QKJ-KK77TN6'
'Authorization': config.apiKey
}, },
contentType:'application/json', contentType:'application/json',
dataType: "json", dataType: "json",

5
config.js
View File

@ -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

2
js/index.js
View File

@ -1,5 +1,3 @@
var ajaxUrl = 'http://192.168.99.86:3001'
$(function () { $(function () {
if(localStorage.getItem("userName")){ if(localStorage.getItem("userName")){
$(".header-login p").html(localStorage.getItem("userName")) $(".header-login p").html(localStorage.getItem("userName"))

77
page2-video-layer.html
View File

@ -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>
Write Preview
Loading…
Cancel
Save