1<!doctype html> 2<html 3 lang="en" 4 style=" 5 margin: 0; 6 padding: 0; 7 min-height: 100%; 8 display: flex; 9 flex-direction: column; 10 " 11> 12 <head> 13 <meta charset="utf-8" /> 14 <meta 15 name="viewport" 16 content="width=device-width, initial-scale=1, shrink-to-fit=no" 17 /> 18 <meta property="og:title" content="Gradio" /> 19 <meta property="og:type" content="website" /> 20 <meta property="og:url" content="{url}" /> 21 <meta property="og:description" content="Click to try out the app!" /> 22 <meta 23 property="og:image" 24 content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg" 25 /> 26 <meta name="twitter:card" content="summary_large_image" /> 27 <meta name="twitter:creator" content="@Gradio" /> 28 <meta name="twitter:title" content="Gradio" /> 29 <meta name="twitter:description" content="Click to try out the app!" /> 30 <meta 31 name="twitter:image" 32 content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg" 33 /> 34 35 <style> 36 :root { 37 --bg: white; 38 --col: #27272a; 39 --bg-dark: #0f0f11; 40 --col-dark: #f4f4f5; 41 } 42 43 44 body { 45 background: var(--bg); 46 color: var(--col); 47 font-family: Arial, Helvetica, sans-serif; 48 } 49 50 @media (prefers-color-scheme: dark) { 51 body { 52 background: var(--bg-dark); 53 color: var(--col-dark); 54 } 55 } 56 </style> 57 58 <meta property="og:url" content="https://gradio.app/" /> 59 <meta property="og:type" content="website" /> 60 <meta property="og:image" content="" /> 61 <meta property="og:title" content="Chordino Chord Extractor" /> 62 <meta 63 property="og:description" 64 content="" 65 /> 66 <meta name="twitter:card" content="summary_large_image" /> 67 <meta name="twitter:creator" content="@teamGradio" /> 68 <meta name="twitter:title" content="Chordino Chord Extractor" /> 69 <meta 70 name="twitter:description" 71 content="" 72 /> 73 <meta name="twitter:image" content="" /> 74 75
75<script data-gradio-mode> 76 window.__gradio_mode__ = "app"; 77 window.iFrameResizer = { 78 heightCalculationMethod: "taggedElement" 79 }; 80 window.parent?.postMessage( 81 { type: "SET_SCROLLING", enabled: false }, 82 "*" 83 ); 84 </script>
84 85 86
86<script>window.gradio_config = {"version":"5.28.0","api_prefix":"/gradio_api","mode":"blocks","app_id":3046539883390574812,"dev_mode":false,"analytics_enabled":true,"components":[{"id":1,"type":"audio","props":{"streamable":false,"sources":["upload","microphone"],"type":"filepath","label":"Music Audio","show_label":true,"container":true,"min_width":160,"visible":true,"streaming":false,"elem_classes":[],"format":"wav","autoplay":false,"show_share_button":false,"editable":true,"waveform_options":{"waveform_color":null,"waveform_progress_color":null,"trim_region_color":null,"show_recording_waveform":true,"show_controls":false,"skip_length":5,"sample_rate":44100},"loop":false,"recording":false,"name":"audio","_selectable":false,"info":"Music recording between 1 second and 5 minutes."},"skip_api":false,"component_class_id":"5710bd0d4b0ad9d53ed009afee335647f72a261b29324864a0c31e9faf97620c","key":null,"api_info":{"$defs":{"FileDataMeta":{"properties":{"_type":{"const":"gradio.FileData","title":"Type","type":"string"}},"required":["_type"],"title":"FileDataMeta","type":"object"}},"properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"$ref":"#/$defs/FileDataMeta"}},"required":["path"],"title":"FileData","type":"object","additional_description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n path: The server file path where the file is stored.\n url: The normalized server URL pointing to the file.\n size: The size of the file in bytes.\n orig_name: The original filename before upload.\n mime_type: The MIME type of the file.\n is_stream: Indicates whether the file is a stream.\n meta: Additional metadata used internally (should not be changed)."},"api_info_as_input":{"$defs":{"FileDataMeta":{"properties":{"_type":{"const":"gradio.FileData","title":"Type","type":"string"}},"required":["_type"],"title":"FileDataMeta","type":"object"}},"properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"$ref":"#/$defs/FileDataMeta"}},"required":["path"],"title":"FileData","type":"object","additional_description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n path: The server file path where the file is stored.\n url: The normalized server URL pointing to the file.\n size: The size of the file in bytes.\n orig_name: The original filename before upload.\n mime_type: The MIME type of the file.\n is_stream: Indicates whether the file is a stream.\n meta: Additional metadata used internally (should not be changed)."},"api_info_as_output":{"$defs":{"FileDataMeta":{"properties":{"_type":{"const":"gradio.FileData","title":"Type","type":"string"}},"required":["_type"],"title":"FileDataMeta","type":"object"}},"properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"$ref":"#/$defs/FileDataMeta"}},"required":["path"],"title":"FileData","type":"object","additional_description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n path: The server file path where the file is stored.\n url: The normalized server URL pointing to the file.\n size: The size of the file in bytes.\
86n orig_name: The original filename before upload.\n mime_type: The MIME type of the file.\n is_stream: Indicates whether the file is a stream.\n meta: Additional metadata used internally (should not be changed)."},"example_inputs":{"path":"https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample.wav","meta":{"_type":"gradio.FileData"},"orig_name":"audio_sample.wav","url":"https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample.wav"}},{"id":2,"type":"slider","props":{"minimum":0,"maximum":5,"value":1,"step":0.1,"label":"Spectral Roll-on","info":"Chordino roll-on setting; 1 is recommended for pop music.","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"show_reset_button":true,"name":"slider","_selectable":false},"skip_api":false,"component_class_id":"5071ecdc6891dafa3cb8817f3b1de7808d1eac734ca807f2bebd054660cb5fb8","key":null,"api_info":{"type":"number","description":"numeric value between 0 and 5"},"api_info_as_input":{"type":"number","description":"numeric value between 0 and 5"},"api_info_as_output":{"type":"number","description":"numeric value between 0 and 5"},"example_inputs":0},{"id":3,"type":"json","props":{"label":"Chord Sequence","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"open":false,"show_indices":false,"max_height":500,"name":"json","_selectable":false,"info":"Chord labels with timestamps in seconds."},"skip_api":false,"component_class_id":"6e3d8bf0205b23d06d014d6df11511cc23ba0e47fa56a16824d5905f18a66862","key":null,"api_info":{"type":{},"description":"any valid json"},"api_info_as_input":{"type":{},"description":"any valid json"},"api_info_as_output":{"type":{},"description":"any valid json"},"example_inputs":{"foo":"bar"}},{"id":4,"type":"json","props":{"label":"Controls Data","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"open":false,"show_indices":false,"max_height":500,"name":"json","_selectable":false},"skip_api":false,"component_class_id":"6e3d8bf0205b23d06d014d6df11511cc23ba0e47fa56a16824d5905f18a66862","key":null,"api_info":{"type":{},"description":"any valid json"},"api_info_as_input":{"type":{},"description":"any valid json"},"api_info_as_output":{"type":{},"description":"any valid json"},"example_inputs":{"foo":"bar"}},{"id":5,"type":"button","props":{"value":"View Controls","variant":"secondary","size":"lg","visible":true,"interactive":true,"elem_classes":[],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"7ee5019ddb0a2c0ea5663b69c12f356c5593b5d3a872723e53fbf0dc6fca4f80","key":null},{"id":6,"type":"button","props":{"value":"Process","variant":"secondary","size":"lg","visible":true,"interactive":true,"elem_classes":[],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"7ee5019ddb0a2c0ea5663b69c12f356c5593b5d3a872723e53fbf0dc6fca4f80","key":null},{"id":7,"type":"button","props":{"value":"Cancel","variant":"secondary","size":"lg","visible":true,"interactive":true,"elem_classes":[],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"7ee5019ddb0a2c0ea5663b69c12f356c5593b5d3a872723e53fbf0dc6fca4f80","key":null},{"id":8,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"8093ca163a6657540ae437f9b973ca0f4fd741aabf3b0396b9ef78ac3ca757d5","key":null}],"css":"","connect_heartbeat":false,"js":"","head":"","title":"Chordino Chord Extractor","space_id":null,"enable_queue":true,"show_error":true,"show_api":true,"is_colab":false,"max_file_size":null,"stylesheets":["https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600\u0026display=swap"],"theme":"default","protocol":"sse_v3","body_css":{"body_background_fill":"white","body_text_color":"#27272a","body_background_fill_dark":"#0f0f11","body_text_color_dark":"#f4f4f5"},"fill_height":false,"fill_width":false,"theme_hash":"63194d3741d384f9f85db890247b6c0ef9e7abac0f297f40a15c59fe4baba916","pwa":true,"pages":[["","Home"]],"page":{"":{"layout":{"id":0,"children":[{"id":1},{"id":8,"children":[{"id":2}]},{"id":3},{"id":4},{"id":5},{"id":6},{"id":7}]}
86,"components":[1,2,3,4,5,6,7,8],"dependencies":[0,1,2,3]}},"dependencies":[{"id":0,"targets":[[5,"click"]],"inputs":[],"outputs":[4],"backend_fn":true,"js":null,"queue":true,"api_name":"controls","scroll_to_output":false,"show_progress":"full","show_progress_on":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"rendered_in":null,"render_id":null,"connection":"sse","time_limit":null,"stream_every":0.5,"like_user_message":false,"event_specific_args":null,"js_implementation":null},{"id":1,"targets":[[6,"click"]],"inputs":[1,2],"outputs":[3],"backend_fn":true,"js":null,"queue":true,"api_name":"process","scroll_to_output":false,"show_progress":"full","show_progress_on":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"rendered_in":null,"render_id":null,"connection":"sse","time_limit":null,"stream_every":0.5,"like_user_message":false,"event_specific_args":null,"js_implementation":null},{"id":2,"targets":[[7,"click"]],"inputs":[],"outputs":[],"backend_fn":true,"js":null,"queue":true,"api_name":"cancel","scroll_to_output":false,"show_progress":"full","show_progress_on":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"rendered_in":null,"render_id":null,"connection":"sse","time_limit":null,"stream_every":0.5,"like_user_message":false,"event_specific_args":null,"js_implementation":null},{"id":3,"targets":[[7,"click"]],"inputs":[],"outputs":[],"backend_fn":false,"js":null,"queue":false,"api_name":"unnamed","scroll_to_output":false,"show_progress":"full","show_progress_on":null,"batch":false,"max_batch_size":4,"cancels":[1],"types":{"generator":false,"cancel":true},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":false,"rendered_in":null,"render_id":null,"connection":"sse","time_limit":null,"stream_every":0.5,"like_user_message":false,"event_specific_args":null,"js_implementation":null}],"layout":{"id":0,"children":[{"id":1},{"id":8,"children":[{"id":2}]},{"id":3},{"id":4},{"id":5},{"id":6},{"id":7}]},"root":"https://teamup-tech-chord-extractor.hf.space","username":null,"deep_link_state":"none","current_page":""};</script>
86<script>window.gradio_api_info = {"named_endpoints":{"/controls":{"parameters":[],"returns":[{"label":"Controls Data","type":{"type":{},"description":"any valid json"},"python_type":{"type":"str | float | bool | list | dict","description":"any valid json"},"component":"Json"}],"show_api":true},"/process":{"parameters":[{"label":"Music Audio","parameter_name":"audio_path","parameter_has_default":false,"parameter_default":null,"type":{"$defs":{"FileDataMeta":{"properties":{"_type":{"const":"gradio.FileData","title":"Type","type":"string"}},"required":["_type"],"title":"FileDataMeta","type":"object"}},"properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"$ref":"#/$defs/FileDataMeta"}},"required":["path"],"title":"FileData","type":"object","additional_description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n path: The server file path where the file is stored.\n url: The normalized server URL pointing to the file.\n size: The size of the file in bytes.\n orig_name: The original filename before upload.\n mime_type: The MIME type of the file.\n is_stream: Indicates whether the file is a stream.\n meta: Additional metadata used internally (should not be changed)."},"python_type":{"type":"filepath","description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n path: The server file path where the file is stored.\n url: The normalized server URL pointing to the file.\n size: The size of the file in bytes.\n orig_name: The original filename before upload.\n mime_type: The MIME type of the file.\n is_stream: Indicates whether the file is a stream.\n meta: Additional metadata used internally (should not be changed)."},"component":"Audio","example_input":{"path":"https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample.wav","meta":{"_type":"gradio.FileData"},"orig_name":"audio_sample.wav","url":"https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample.wav"}},{"label":"Spectral Roll-on","parameter_name":"roll_on","parameter_has_default":true,"parameter_default":1,"type":{"type":"number","description":"numeric value between 0 and 5"},"python_type":{"type":"float","description":""},"component":"Slider","example_input":0}],"returns":[{"label":"Chord Sequence","type":{"type":{},"description":"any valid json"},"python_type":{"type":"str | float | bool | list | dict","description":"any valid json"},"component":"Json"}],"show_api":true},"/cancel":{"parameters":[],"returns":[],"show_api":true}},"unnamed_endpoints":{}};</script>
86 87 88 <link rel="preconnect" href="https://fonts.googleapis.com" /> 89 <link 90 rel="preconnect" 91 href="https://fonts.gstatic.com" 92 crossorigin="anonymous" 93 /> 94
94<script 95 src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js" 96 async 97 ></script>
97 98 99 <link rel="manifest" href="/manifest.json" /> 100
100<script type="module" crossorigin src="./assets/index-BL1Z-Foy.js"></script>
100 101 <link rel="stylesheet" crossorigin href="./assets/index-fBnC7CZV.css"> 102 </head> 103 104 <body 105 style=" 106 width: 100%; 107 margin: 0; 108 padding: 0; 109 display: flex; 110 flex-direction: column; 111 flex-grow: 1; 112 " 113 > 114 <gradio-app 115 control_page_title="true" 116 embed="false" 117 eager="true" 118 style="display: flex; flex-direction: column; flex-grow: 1" 119 > 120 </gradio-app> 121
121<script> 122 const ce = document.getElementsByTagName("gradio-app"); 123 124 if (ce[0]) { 125 ce[0].addEventListener("domchange", () => { 126 document.body.style.padding = "0"; 127 }); 128 document.body.style.padding = "0"; 129 } 130 </script>
130 131 </body> 132</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.