116 lines
4.3 KiB
HTML
116 lines
4.3 KiB
HTML
<!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> |