15856254f1
增加页面内容 1. 增加欢迎页面内容 2. 增加计划页面内容 end of segment ✨ index(layout): tuning the layout 调整页面内容 1. 添加跳转连接图标 2. 增加计划的跳转 end of segment ✨ help(modal page): add help model page 添加如何使用模态框 1. 添加模态窗口，提示如何使用该功能 end of segment
104 lines
3.3 KiB
HTML
104 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="stylesheet" href="../css/bootstrap.min.css">
|
||
<script src="../js/jquery.min.js"></script>
|
||
<script src="../js/bootstrap.min.js"></script>
|
||
<script src="../js/hex_to_int_16bit.js"></script>
|
||
<title>uac_pcm_data_convert</title>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
|
||
<form role="form">
|
||
<div class="form-group">
|
||
<p>UAC PCM data convert</p>
|
||
<label for="name">USB PCM数据</label>
|
||
<textarea id="text_input_raw_pcm" class="form-control" rows="6"></textarea>
|
||
</div>
|
||
</form>
|
||
|
||
<div class="btn-toolbar" role="toolbar">
|
||
<button type="button" class="btn btn-primary" href="javascript:void(0);" onclick="convert_usb_pcm_data()">
|
||
|
||
|
||
运行
|
||
|
||
|
||
</button>
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal_of_how_to_use_pcm_uac_data_convert">如何使用</button>
|
||
</div>
|
||
</div>
|
||
|
||
<form role="form">
|
||
<div class="form-group">
|
||
<label for="name">解析后数据</label>
|
||
<textarea id="text_outputconvert_data" class="form-control" rows="6"></textarea>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
|
||
<!-- 模态框（Modal） 如何使用 -->
|
||
<div class="modal fade" id="modal_of_how_to_use_pcm_uac_data_convert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
||
×
|
||
</button>
|
||
<h4 class="modal-title" id="myModalLabel">
|
||
<b>如何使用</b>
|
||
</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p>在上方的窗口输入原始的PCM数据，然后点击中间的运行按钮，然后在下方的窗口会输出所有的转换数据和PCM最大值</p>
|
||
<hr>
|
||
<p>点击右上方或者面板外退出</p>
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div><!-- /.modal -->
|
||
</div>
|
||
|
||
</body>
|
||
|
||
<script>
|
||
function convert_usb_pcm_data() {
|
||
var input = document.getElementById("text_input_raw_pcm");
|
||
var output = document.getElementById("text_outputconvert_data");
|
||
var input_raw_data = input.value;
|
||
var maxdata = 0;
|
||
var temp_data = 0;
|
||
var output_data = "";
|
||
|
||
// console.log(input_raw_data);
|
||
output.value = "";
|
||
|
||
input_raw_data = input_raw_data.replace(/[\r\n]/g, "");
|
||
var input_list = input_raw_data.split(" ");
|
||
|
||
for ( var i = 0; i < input_list.length; i ++) {
|
||
temp_data = hex2int(input_list[i]);
|
||
if (input_list[i] === '') {
|
||
continue;
|
||
}
|
||
output_data += temp_data.toString() + " ";
|
||
if (temp_data > maxdata) {
|
||
maxdata = temp_data;
|
||
}
|
||
}
|
||
|
||
output_data += "\r\n-------------------------\r\n";
|
||
output_data += "max value = " + maxdata.toString();
|
||
// console.log(output_data);
|
||
output.value = output_data;
|
||
|
||
}
|
||
</script>
|
||
|
||
</html> |