|
|
<!DOCTYPE html> |
|
|
<html lang='en'> |
|
|
|
|
|
<head> |
|
|
<meta charset='UTF-8'> |
|
|
<meta content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' |
|
|
name='viewport'> |
|
|
<meta content='ie=edge' http-equiv='X-UA-Compatible'> |
|
|
<title>SpessaSynth advanced example</title> |
|
|
<link href='./examples.css' rel='stylesheet'> |
|
|
</head> |
|
|
|
|
|
<body> |
|
|
|
|
|
|
|
|
<div class='example_content'> |
|
|
<p id='message'>Please wait for the soundFont to load.</p> |
|
|
<input accept='.mid, .rmi, .xmf, .mxmf' id='midi_input' multiple type='file'> |
|
|
<br><br> |
|
|
<input id='progress' max='1000' min='0' type='range' value='0'> |
|
|
<br> |
|
|
|
|
|
<button id='previous'>Previous song</button> |
|
|
<button id='pause'>Pause</button> |
|
|
<button id='next'>Next song</button> |
|
|
|
|
|
|
|
|
<script src='./advanced_demo.js' type='module'></script> |
|
|
</div> |
|
|
</body> |
|
|
|
|
|
</html> |