zjh/RGKT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始提交

Browse Source
This commit is contained in:
zjh
2025-10-10 19:35:04 +08:00
commit b7561f4b95
280 changed files with 44316 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
rg-09112127/html/courseHomeBarrierFree.html Normal file
View File

@@ -0,0 +1,116 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>融光课堂 - 课程（无障碍版）</title>
<link rel="stylesheet" href="../css/courseHome.css" />
</head>
<body>
<div class="container barrierFree">
<!-- start -->
<!-- 导航条 -->
<div class="container-header">
<div class="container-header-logo">
<img src="../asset/logo.png" alt="logo">
</div>
<nav class="container-header-nav">
<div data-url="indexHome">首页</div>
<div data-url="indexDetail">导航</div>
<div data-url="courseHome">课程</div>
<div class="active barrierBtn" data-url="courseHomeBarrierFree">无障碍化</div>
</nav>
</div>
<!-- 课程模块 -->
<div class="container-main">
<!-- 列表 -->
<div class="container-main-sidebar">
<ul class="directory-list"></ul>
</div>
<!-- <div class="sidebar-circle">◀</div> -->
<!-- 课程 -->
<div class="container-main-course">
<div class="course-box">
<!-- 游戏容器 -->
<div class="box-play">
<iframe id="mainPlay" src=""></iframe>
</div>
<!-- 体感容器 -->
<div class="box-body" style="display: none;">
<div id="bodyConnectionStatus">未连接到服务器</div>
<img id="bodyVideoFeed" src="" alt="体感检测视频">
<div id="bodyHandStatus">等待检测...</div>
</div>
<!-- 语音容器 -->
<div class="box-speech" style="display: none;">
<div class="box-speech-status" id="speechStatus">正在连接到语音识别服务...</div>
<div class="box-speech-text">
<div id="speechPartialResult" class="box-speech-partial"></div>
</div>
<div class="box-speech-button">
<button id="speechStartButton" class="speech-action-button">开始识别</button>
</div>
</div>
</div>
</div>
<!-- 操作栏 -->
<!-- <div class="course-circle" onclick="showOperationDom()">
⚙️
</div> -->
<!-- 操作栏 具体按钮 -->
<div class="course-operation">
<div title="语音识别" onclick="showSpeech()" aria-label="点击开启语音识别功能"
onmouseenter="debouncedSpeechDomTextBarrier(event)"
onmouseout="debouncedSpeechDomTextBarrier(event)">
🎧
</div>
<div title="体感交互" onclick="showBody()" aria-label="点击开启体感交互功能"
onmouseenter="debouncedSpeechDomTextBarrier(event)"
onmouseout="debouncedSpeechDomTextBarrier(event)">
🦾
</div>
</div>
<!-- 语音播报的空间，在页面上隐藏 -->
<audio id="audioPlayer" controls style="position: absolute;bottom: -60px;" src="">
</audio>
</div>
<!-- end -->
</div>
</body>
<!-- Jq引入 -->
<script src="../js/jquery-3.7.1.min.js"></script>
<!-- 整体配置数据 -->
<script src="../js/courseConfig.js"></script>
<!-- 整体默认样式 -->
<script src="../js/courseHomeStyle.js"></script>
<!-- 视频播放及视频交互 -->
<!-- <script src="../js/interactionVideo.js"></script> -->
<!-- 语音播报 -->
<script src="../js/voiceBroadcast.js"></script>
<!-- 体感检测 -->
<script src="../js/directBodySensation.js"></script>
<!-- 语音检测 -->
<script src="../js/speech/crypto-js.js"></script>
<script src="../js/dist/index.umd.js"></script>
<script src="../js/speechSensation.js"></script>
<!-- 证书导出 及依赖 -->
<!-- <script src="../js/html2canvas.min.js"></script> -->
<!-- <script src="../js/exportCertificate.js"></script> -->
</html>