|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>角色信息表</title> |
|
<link rel="stylesheet" href="styles.css"> |
|
</head> |
|
<body> |
|
<h1>角色信息表</h1> |
|
<div id="filters"> |
|
<label for="gender">性别:</label> |
|
<select id="gender"> |
|
<option value="">不限</option> |
|
<option value="Male">男</option> |
|
<option value="Female">女</option> |
|
</select> |
|
<label for="locale">语言:</label> |
|
<select id="locale"> |
|
<option value="">不限</option> |
|
<option value="zh-CN">中文</option> |
|
|
|
</select> |
|
|
|
</div> |
|
<table id="voicesTable"> |
|
<thead> |
|
<tr> |
|
<th>显示名称</th> |
|
<th>性别</th> |
|
<th>本地名称</th> |
|
<th>语言</th> |
|
<th>状态</th> |
|
<th>采样率</th> |
|
<th>风格列表</th> |
|
<th>角色扮演列表</th> |
|
<th>语音类型</th> |
|
<th>每分钟单词数</th> |
|
<th>试听音频</th> |
|
|
|
</tr> |
|
</thead> |
|
<tbody> |
|
|
|
</tbody> |
|
</table> |
|
<script src="script.js"></script> |
|
</body> |
|
</html> |
|
|
