1<!DOCTYPE html> 2<html lang="en" style="margin: 0; padding: 0; min-height: 100%"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta 6 name="viewport" 7 content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1" 8 /> 9 10 11 <meta property="og:url" content="https://gradio.app/" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:image" content="" /> 14 <meta property="og:title" content="Audio Diffusion" /> 15 <meta 16 property="og:description" 17 content="" 18 /> 19 <meta name="twitter:card" content="summary_large_image" /> 20 <meta name="twitter:creator" content="@teamGradio" /> 21 <meta name="twitter:title" content="Audio Diffusion" /> 22 <meta 23 name="twitter:description" 24 content="" 25 /> 26 <meta name="twitter:image" content="" /> 27 28
28<script> 29
vendor: 146 bytes, lines 29-34
29window.dataLayer = window.dataLayer || []; 30 function gtag() { 31 dataLayer.push(arguments); 32 } 33 gtag("js", new Date()); 34 gtag("config", "
34UA-156449732-1
vendor: 7 bytes, lines 34-35
34"); 35
35window.__gradio_mode__ = "app"; 36 </script>
36 37 38
38<script>window.gradio_config = {"components": [{"id": 7, "props": {"name": "markdown", "style": {}, "value": "\u003ch1 style=\u0027text-align: center; margin-bottom: 1rem\u0027\u003eAudio Diffusion\u003c/h1\u003e", "visible": true}, "type": "markdown"}, {"id": 8, "props": {"name": "markdown", "style": {}, "value": "\u003cp\u003eForked from \u003ca href=\"https://huggingface.co/spaces/teticio/audio-diffusion\"\u003ehttps://huggingface.co/spaces/teticio/audio-diffusion\u003c/a\u003e Built to style transfer to audio using Huggingface diffusers. Outputs a 5 second audio clip with elements from the initial audio uploaded, steps is relative to the amount of style transfer from model to do. This takes about 2 hours without a GPU, so why not bake a cake in the meantime? (Or try the teticio/audio-diffusion-ddim-256 model which is faster.) The code for doing style transfer method was already in teticio\u2019s repo and python notebooks this is just my attempt to hook it up in the hugging face space. still need some more testing and such but would be cool to add more models, do inpainting, outpointing and get the api working with the updated pipelines\u003c/p\u003e", "visible": true}, "type": "markdown"}, {"id": 9, "props": {"style": {"equal_height": false, "mobile_collapse": true}, "type": "row", "visible": true}, "type": "row"}, {"id": 10, "props": {"style": {}, "type": "column", "variant": "panel", "visible": true}, "type": "column"}, {"id": 11, "props": {"style": {}, "type": "column", "variant": "default", "visible": true}, "type": "column"}, {"id": 0, "props": {"label": "audio_file", "name": "audio", "show_label": true, "source": "upload", "streaming": false, "style": {}, "visible": true}, "type": "audio"}, {"id": 1, "props": {"label": "Steps counter between 0 and 1000, high means more style transfer from model", "maximum": 1000, "minimum": 0, "name": "slider", "show_label": true, "step": 1, "style": {}, "value": 500, "visible": true}, "type": "slider"}, {"id": 2, "props": {"choices": ["teticio/audio-diffusion-256", "teticio/audio-diffusion-breaks-256", "teticio/audio-diffusion-instrumental-hiphop-256", "teticio/audio-diffusion-ddim-256"], "label": "Model", "name": "dropdown", "show_label": true, "style": {}, "value": "teticio/audio-diffusion-256", "visible": true}, "type": "dropdown"}, {"id": 12, "props": {"style": {"mobile_collapse": false}, "type": "row", "visible": true}, "type": "row"}, {"id": 13, "props": {"name": "button", "style": {}, "value": "Clear", "variant": "secondary", "visible": true}, "type": "button"}, {"id": 14, "props": {"name": "button", "style": {}, "value": "Submit", "variant": "primary", "visible": true}, "type": "button"}, {"id": 15, "props": {"style": {}, "type": "column", "variant": "panel", "visible": true}, "type": "column"}, {"id": 16, "props": {"cover_container": true, "name": "statustracker", "style": {}, "visible": true}, "type": "statustracker"}, {"id": 3, "props": {"image_mode": "L", "interactive": false, "label": "Mel spectrogram", "mirror_webcam": true, "name": "image", "show_label": true, "source": "upload", "streaming": false, "style": {}, "tool": "editor", "visible": true}, "type": "image"}, {"id": 4, "props": {"interactive": false, "label": "Audio", "name": "audio", "show_label": true, "source": "upload", "streaming": false, "style": {}, "visible": true}, "type": "audio"}, {"id": 5, "props": {"interactive": false, "label": "Loop", "name": "audio", "show_label": true, "source": "upload", "streaming": false, "style": {}, "visible": true}, "type": "audio"}, {"id": 17, "props": {"style": {"mobile_collapse": false}, "type": "row", "visible": true}, "type": "row"}], "css": null, "dependencies": [{"api_name": "predict", "backend_fn": true, "documentation": [[["JSON object with filename as \u0027name\u0027 property and base64 data as \u0027data\u0027 property", "Dict[str, str] | None"], ["numeric input", "float"], ["selected choice", "str"]], [["base64 url data", "str"], ["base64 url data", "str"], ["base64 url data", "str"]]], "inputs": [0, 1, 2], "js": null, "outputs": [3, 4, 5], "queue": null, "scroll_to_output": true, "show_progress": true, "status_tracker": 16, "targets": [14], "trigger": "click"}
38, {"api_name": null, "backend_fn": false, "inputs": [], "js": "() =\u003e [null, 500, \"teticio/audio-diffusion-256\", null, null, null, {\"variant\": null, \"visible\": true, \"__type__\": \"update\"}]\n ", "outputs": [0, 1, 2, 3, 4, 5, 11], "queue": null, "scroll_to_output": false, "show_progress": true, "status_tracker": null, "targets": [13], "trigger": "click"}], "dev_mode": false, "enable_queue": true, "layout": {"children": [{"id": 7}, {"id": 8}, {"children": [{"children": [{"children": [{"id": 0}, {"id": 1}, {"id": 2}], "id": 11}, {"children": [{"id": 13}, {"id": 14}], "id": 12}], "id": 10}, {"children": [{"id": 16}, {"id": 3}, {"id": 4}, {"id": 5}, {"children": [], "id": 17}], "id": 15}], "id": 9}], "id": 6}, "mode": "interface", "theme": "huggingface", "title": "Audio Diffusion", "version": "3.1.4"};</script>
38 39 40 <link rel="preconnect" href="https://fonts.googleapis.com" /> 41 <link 42 rel="preconnect" 43 href="https://fonts.gstatic.com" 44 crossorigin="anonymous" 45 /> 46 <link 47 href="https://fonts.googleapis.com/css?family=Source Sans Pro" 48 rel="stylesheet" 49 /> 50 <link 51 href="https://fonts.googleapis.com/css?family=IBM Plex Mono" 52 rel="stylesheet" 53 /> 54
54<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
54 55
55<script type="module" crossorigin src="./assets/index.230aa104.js"></script>
55 56 57 </head> 58 59 <body style="width: 100%; margin: 0; padding: 0; height: 100%"> 60 <gradio-app> 61 <div 62 id="root" 63 style="display: flex; flex-direction: column; flex-grow: 1" 64 ></div> 65 </gradio-app> 66
66<script> 67 const ce = document.getElementsByTagName("gradio-app"); 68 if (ce[0]) { 69 ce[0].addEventListener("domchange", () => { 70 document.body.style.padding = "0"; 71 }); 72 document.body.style.padding = "0"; 73 } 74 </script>
74 75 </body> 76</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.