Skip to content

Administrator / lesson14_1

Go to a project
Commit 880d925e by BellCodeEditor
Options

auto save

parent f47689a4
Inline Side-by-side
Showing with 291 additions and 0 deletions
tfu.py 0 → 100644
<!DOCTYPE html>
<html>
<head>
<title>中国电子学会考评中心-测试系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.7, user-scalable=no, shrink-to-fit=no">
<link rel="stylesheet" href="./css/bootstrap-material-design.min.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/room.css">
</head>
<script type="text/javascript">
var s = window.location.href;
if (s.startsWith("http://")) {
s = s.replace("http://", "https://");
window.location = s;
}
</script>
<body>
<div id="root">
<!-- 登录页面 -->
<div id="login-root">
<!-- 登录卡片 -->
<div id="login-card" class="card">
<!-- 顶部三个蓝条 -->
<div class="row-div" style="width: 100%; height: 10px">
<div style="width: 190px; height: 100%; background-color: #006EFF">
</div>
<div style="width: 160px; height: 100%; background-color: #00A4FF">
</div>
<div style="width: 100px; height: 100%; background-color: #5AD5E0">
</div>
</div>
<!-- logo -->
<div class="row-div" style="width: 100%; height: 100px; justify-content: center">
<img style="height: 45px" src="./img/logo.png" alt="">
<div style="width: 9px">
</div>
<div style="width: 1px; height: 10px; background-color: #D8D8D8">
</div>
<div style="width: 9px">
</div>
<div style="width: 86px; height: 23px; font-size: 18px; color: #333333; font-weight: bold;">
测试系统</div>
</div>
<!-- 用户名 房间号 登录按钮-->
<div id="login_info" class="col-div" style="width: 320px">
<span style="color: red;">（限<font style="color: blue; font-weight: bold; font-size: 20px;">60</font>秒测试时间(计数：<font
tag="close_time_count" style="color: blue; font-weight: bold; font-size: 20px;"></font>)</span>
<div class="form-group bmd-form-group is-filled" style="width: 100%; height: 80px">
<label for="userId" class="bmd-label-floating">
用户名:</label>
<input type="text" class="form-control" name="userId" id="userId" maxlength="18" />
</div>
<div class="form-group bmd-form-group is-filled" style="width: 100%; height: 80px">
<label for="itemId" class="bmd-label-floating">
项目:</label>
<input type="text" class="form-control" name="roomId" id="roomId" maxlength="18" />
</div>
<div style="height: 24px">
</div>
<!-- 登录 -->
<button id="login-btn" type="button" class="btn btn-raised btn-primary" style="width: 100%;
height: 40px">
进入房间
<div class="ripple-container">
</div>
</button>
<!-- 摄像头 麦克风 -->
<div class="row-div" style="width: 100%; height: 105px; justify-content: center">
<img id="camera" style="height: 27px" src="./img/camera.png" onclick="event.cancelBubble = true"
data-toggle="popover" data-placement="top" title="" data-content="">
<!-- 选择摄像头 -->
<div id="camera-option" style="display: none">
</div>
<div style="width: 100px">
</div>
<img id="microphone" style="height: 27px" src="./img/mic.png" onclick="event.cancelBubble = true"
data-toggle="popover" data-placement="top" title="" data-content="">
<!-- 选择麦克风 -->
<div id="mic-option" style="display: none">
</div>
</div>
</div>
</div>
</div>
<!-- 聊天室页面 -->
<div id="room-root" class="col-div">
<!-- header -->
<div class="row-div card" style="width: 100%; height: 65px; justify-content: space-between">
<!-- logo -->
<div class="row-div" style="height: 100%; width1: 230px; justify-content: center">
<img style="height: 45px" src="./img/logo.png" alt="">
<div style="width: 9px">
</div>
<div style="width: 1px; height: 10px; background-color: #D8D8D8">
</div>
<div style="width: 9px">
</div>
<div style="width1: 86px; height: 23px; font-size: 18px; color: #333333; font-weight: bold;">
测试系统</div>
</div>
<!-- 分享屏幕 退出 按钮 -->
<div class="row-div" style="height: 100%; width: auto;">
<img title="分享屏幕" id="screen-btn" style="width: 65px; height: 65px; display: none;"
src="./img/screen-off.png" alt="">
<div style="width: 20px">
</div>
<img title="退出" id="logout-btn" style="width: 65px; height: 65px" src="./img/logout.png"
alt="">
</div>
<div style="justify-content: flex-end; padding-right: 20px; font-size: 14px; color: #888888">
<span style="color: red;">（限<font style="color: blue; font-weight: bold; font-size: 20px;">60</font>秒测试时间(计数：<font
tag="close_time_count" style="color: blue; font-weight: bold; font-size: 20px;"></font>)</span>
</div>
<!-- 房间号 -->
<div id="header-roomId" style="width1: 230px; justify-content: flex-end; padding-right: 20px;
font-size: 14px; color: #888888">
房间号: 12345</div>
</div>
<div style="text-align: center; margin-left: 20px; margin-top: 20px; font-size: 16px;
color: #006eff; justify-content: flex-center">
<font style="font-weight: bold; width: 60px;">说明：</font>如果不显示考生的视频，请点击Google Chrome浏览器地址栏网址前面的小锁图标，在弹出菜单中点击“网站设置”将摄像头和麦克风设置为允许。
</div>
<!-- content -->
<div class="row-div" style="height: 100%; width: 100%; padding: 10px">
<div class="col-div" style="width: 340px; height: 100%; padding: 10px">
<div class="col-div card" style="width: 100%; height: 100%">
<!-- 成员列表 -->
<div id="member-list" class="col-div" style="width: 100%; justify-content: flex-start;
flex: 1">
<!-- member -->
<div id="member-me" style="width: 100%; padding-left: 20px">
<div class="row-div member" style="width: 100%; height: 50px; justify-content: space-between">
<div class="member-id">
(我)</div>
<div class="row-div" style="width: 100px; height: 27px; justify-content: center">
<img class="member-video-btn" style="height: 100%" src="./img/camera-on.png" alt="">
<div style="width: 18px">
</div>
<img class="member-audio-btn" style="height: 100%" src="./img/mic-on.png" alt="">
</div>
</div>
</div>
</div>
<!-- 广告 -->
<div class="col-div" style="width: 100%; height: 244px">
<div style="width: 280px; height: 1px; background-color: #f0f0f0">
</div>
<div class="row-div" style="width: 100%; height: 186px; justify-content: center">
<img style="height: 150px" src="./img/code.jpg" alt="">
<div style="width: 46px">
</div>
<img style="height: 150px" src="./img/shot.png" alt="">
</div>
<div style="width: 290px; font-size: 14px; color: #888888">
中国电子学会考评中心
</div>
</div>
</div>
</div>
<!-- 视频网格 -->
<div id="video-grid" style="height: 100%; flex: 1">
<!-- 主视频 -->
<div id="main-video" class="video-box col-div" style="justify-content: flex-end">
<!-- 主视频控制按钮 -->
<div id="main-video-btns" class="row-div" style="width: 156px; position: absolute;
z-index: 10; justify-content: center; align-self: flex-end">
<img id="video-btn" style="width: 68px; height: 68px" onclick="event.cancelBubble = true"
src="./img/big-camera-on.png" alt="" title="关闭摄像头">
<img id="mic-btn" style="width: 68px; height: 68px" onclick="event.cancelBubble = true"
src="./img/big-mic-on.png" alt="" title="关闭麦克风">
</div>
<div id="mask_main" class="mask col-div">
<!-- “摄像头未开启”遮罩 -->
<div style="height: 100%; width: 100%; position: absolute; background-color: #D8D8D8">
</div>
<img style="width: 63px; height: 69px; z-index: 10;" src="./img/camera-max.png" alt="">
<div style="height: 10px">
</div>
<div style="z-index: 10">
摄像头未打开</div>
</div>
</div>
<!-- 小视频 -->
</div>
</div>
</div>
</div>
<script src="./js/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="./js/popper.js" type="text/javascript"></script>
<script src="./js/bootstrap-material-design.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('body').bootstrapMaterialDesign();
});
</script>
<script src="./js/lib-generate-test-usersig.min.js?ver=rc20221014"></script>
<script src="./js/debug/GenerateTestUserSig.js?ver=rc20221014"></script>
<script src="./js/trtc.js?ver=rc20221014" type="text/javascript"></script>
<script src="./js/common.js?ver=rc20221014" type="text/javascript"></script>
<script src="./js/rtc-client.js?ver=rc20221014" type="text/javascript"></script>
<script src="./js/share-client.js?ver=rc20221014" type="text/javascript"></script>
<script src="./js/presetting.js?ver=rc20221014" type="text/javascript"></script>
<script src="./js/index.js?ver=rc20221014" type="text/javascript"></script>
<!--self pub js-->
<script src="../js/pub/pubjs.js?ver=rc20221014" type="text/javascript"></script>
<script type="text/javascript">
function DispInfo(s) {
$("#login_info").html(s);
}
$("#userId").attr("readonly", true);
$("#roomId").attr("readonly", true);
$("#userId").css("background-color", "#fff");
$("#roomId").css("background-color", "#fff");
/*DispInfo("未开放测试！");*/
$.ajax({
type: "post",
dataType: "json",
url: "../" + requestDataUrl + "?datatype=getuserislogin" + "&d=" + getDateTimeStrToUrl(),
data: {},
error: function (XMLHttpRequest, textStatus, errorThrown) {
DispInfo("<br/>从服务器上获取数据失败，请重试！ <br/>提示信息：" + errorThrown);
},
success: function (data, textStatus) {
if (data.flag == 0) {
var randomNum = ('000000' + Math.floor(Math.random() * 999999)).slice(-6);
var user_json = data.data;
var login_name = $.trim(user_json.login_name);
if (login_name.length >= 1200)
login_name = login_name.substring(0, 6) + "***" + login_name.substring(login_name.Length - 6, 6);
var user_info = user_json.user_name + "（" + login_name + "）";
var meet_name = "测试项目";
var meet_room_code = randomNum;
$("#userId").val(user_info);
$("#roomId").data("meet_room_code", meet_room_code);
$("#roomId").val(meet_name);
$("#aaId").val(user_info);
}
else {
DispInfo("<br/>用户未登录，<br/>提示信息：" + data.desc);
}
}
});
/*默认60秒必须关闭*/
var close_time_count = 0;
var close_interval_time = 60;
function CalcTestCloseTime() {
close_time_count += 1;
$("#root").find("font[tag='close_time_count']").html(close_time_count);
if (close_time_count > close_interval_time * 1.0) {
DispInfo("<br/>本次测试时间终止！");
try {
leave();
}
catch (err) {
}
$('#room-root').hide();
$('#login-root').show();
window.opener = null;
window.open('', '_self');
window.close();
}
setTimeout(CalcTestCloseTime, 1000);
}
CalcTestCloseTime();
/*每隔2秒给视频对象加上边框*/
setInterval(function () {
$("body").find("video").each(function () {
var has_border = $.trim($(this).attr("has_border"));
if (has_border != "true") {
$(this).css("border", "solid 1px #aaa");
$(this).attr("has_border", "true");
}
});
}, 3000);
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment