Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
| <title>Composer</title> | |
| <script src="https://kit.fontawesome.com/d6e88637ad.js" crossorigin="anonymous"></script> | |
| <link rel="stylesheet" href="/static/style.css" /> | |
| <script src="{{ url_for('static', filename='script.js') }}"></script> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div>Style</div> | |
| <select id="selected_music_style"> | |
| {%for compose_style in compose_styles%} | |
| <option value="{{compose_style[0]}}">{{compose_style[1]}}</option> | |
| {%endfor%} | |
| </select> | |
| <div>Density</div> | |
| <select id="selected_density"> | |
| {%for density in densities%} | |
| <option value="{{density[0]}}">{{density[1]}}</option> | |
| {%endfor%} | |
| </select> | |
| <div>Temperature</div> | |
| <select id="selected_temperature"> | |
| {%for temperature in temperatures%} | |
| <option value="{{temperature[0]}}">{{temperature[1]}}</option> | |
| {%endfor%} | |
| </select> | |
| <audio id="audio_id" controls="controls" autobuffer="autobuffer" autoplay="autoplay"> | |
| <source src="" /> | |
| </audio> | |
| <img id="image_id" src="" /> | |
| <div class="item btn" command="compose" style="cursor: pointer;" onclick="compose()">Compose</div> | |
| <div id="token_sequence">PIECE_START</div> | |
| </div> | |
| </body> | |
| </html> |