xxxxxxxxxx
78
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ORPHE CORE JS DEMO</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/addons/p5.sound.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"
/>
</head>
<body>
<div class="container">
<h1>Analysis for Air Walker</h1>
<button onclick="ble.begin('RAW');">connect</button>
<button onclick="ble.stopNotify();">stop Notify</button>
<button onclick="ble.startNotify();">start Notify</button>
<div class="row">
<div class="card mt-4">
<div class="card-header">Accelerometer</div>
<div class="card-body">
<p class="card-text">
<canvas id="chart_acc"></canvas>
</p>
</div>
</div>
<canvas id="chart_delta_acc"></canvas>
<canvas id="chart_fft"></canvas>
</div>
</div>
<script
src="https://cdn.jsdelivr.net/gh/Orphe-OSS/ORPHE-CORE.js@main/js/ORPHE-CORE.js"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/gh/Orphe-OSS/ORPHE-CORE.js@main/js/float16.min.js"
crossorigin="anonymous"
type="text/javascript"
></script>
<script
src="https://cdn.jsdelivr.net/gh/Orphe-OSS/ORPHE-CORE.js@main/js/quaternion.js"
crossorigin="anonymous"
type="text/javascript"
></script>
<script src="p5.BLEMode.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.0/chart.min.js"
integrity="sha512-R60W3LgKdvvfwbGbqKusRu/434Snuvr9/Flhtoq9cj1LQ9P4HFKParULqOCAisHk/J4zyaEWWjiWIMuP13vXEg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"
integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"
integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK"
crossorigin="anonymous"
></script>
<script src="fft.js"></script>
<script src="sketch.js"></script>
</body>
</html>