夜雨聆风学习资料网

ARTICLE · 1111215

AI赋能《椭圆》专项离线语音播报数字人

AI赋能《椭圆》专项离线语音播报数字人
请用单个 HTML 文件(内嵌 CSS 和 JavaScript)制作一个动漫风格的 AI 数字人问答页面。数字人名为“小椭”,女性动漫形象,紫色渐变长发,大眼睛,会自然眨眼,说话时嘴巴有开合动画,身体轻微上下浮动。页面左侧是数字人舞台,包含动态声波条和状态标签(在线 / 思考中 / 正在解答);右侧是对话面板,显示对话气泡,回答时使用打字机效果逐字输出。问答内容集中在《椭圆》的核心指数与参数,包括:离心率 e、a/b/c 关系、通径 2b²/a、焦半径公式、准线方程、椭圆面积 πab、第二定义、焦点三角形面积 b²tan(θ/2) 等。每次展示三张可选问题卡片,点击后数字人用文字和语音回答,语音使用浏览器内置的 SpeechSynthesis 实现,可开关;点击“换一批”可轮换另外三道题。整体采用暗色科幻风格,紫色霓虹光效,响应式布局,适合在电脑和手机上直接打开使用。

相关学习资料