| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>ML Audio Demo</title> |
| <link rel="stylesheet" type="text/css" href="/static/styles.css"> |
| </head> |
| <body> |
| <div class="container"> |
| <header> |
| |
| </header> |
| <main> |
| <h1>Audio Intent Clasification Demo</h1> |
| <section id="recording-section"> |
| <p id="recording-instructions">The system is activated by pressing Start and calling a name <i>Marvin</i>.</p> |
| <p id="recording-instructions">After that the system listens to an audio query and classifies its intention.</p> |
| <p id="recording-instructions">Model is trained on <i>PolyAI/minds14</i>. Dataset covers 14 intents extracted from a commercial system in the e-banking domain.</p> |
| <h3>Start the System:</h3> |
| <button id="startBtn">Start</button> |
| <div id="restart-button-container"></div> |
| </section> |
| <section id="audio-chunks-section"> |
| <h3>Partial Predictions:</h3> |
| <div id="audio-chunks">Partial results will appear here...</div> |
| </section> |
| <section id="results-section"> |
| <h3>Final Result:</h3> |
| <div id="results"><b>Intent classification will appear here...</b></div> |
| </section> |
|
|
| <section id="class-list-section"> |
| <button id="toggleClassListBtn">see all classes</button> |
| <div id="class-list" style="display: none;"> |
| <p>1.abroad</p> |
| <p>2.address</p> |
| <p>3.app_error</p> |
| <p>4.atm_limit</p> |
| <p>5.balance</p> |
| <p>6.business_loan</p> |
| <p>7.card_issues</p> |
| <p>8.cash_deposit</p> |
| <p>9.direct_debit</p> |
| <p>10.freeze</p> |
| <p>11.high_value_payment</p> |
| <p>12.joint_account</p> |
| <p>13.latest_transactions</p> |
| <p>14.pay_bill</p> |
| </div> |
| </section> |
| </main> |
| </div> |
| <script src="/static/script.js?v=9"></script> |
|
|
| </body> |
| </html> |
|
|
