mirror of
https://github.com/gradio-app/gradio.git
synced 2024-12-27 02:30:17 +08:00
321 lines
9.7 KiB
HTML
321 lines
9.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<style>
|
|
html {
|
|
/* background: #111; */
|
|
/* color: #eee; */
|
|
font-family: Source Sans Pro;
|
|
}
|
|
</style>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<script type="module" src="http://localhost:4321/gradio.js"></script>
|
|
<!-- <script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.18.1b6/gradio.js"></script> -->
|
|
<!-- <script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.18.0/gradio.js"></script> -->
|
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.6/iframeResizer.min.js"></script> -->
|
|
|
|
<title>Vite App</title>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- <h1>Hello title</h1>
|
|
<h2>hello subtitle</h2>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
|
|
<h2>hello subtitle</h2>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p>
|
|
<p>
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
|
|
Hello text. Hello text.
|
|
</p> -->
|
|
<!-- https://huggingface.co/spaces/freddyaboulton/blocks-essay -->
|
|
<!-- <gradio-app
|
|
space="freddyaboulton/timeseries-forecasting-with-prophet
|
|
"
|
|
></gradio-app> -->
|
|
<!-- -->
|
|
<!-- </p> -->
|
|
|
|
<!-- <gradio-app space="awacke1/GradioAutoPlotFromCSV" info="false"></gradio-app>
|
|
<gradio-app
|
|
space="gradio/plot_component_main"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
|
|
<gradio-app
|
|
space="gradio/colorpicker_component_main"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
|
|
<gradio-app
|
|
space="gradio/live_with_vars_main"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>no src</h2>
|
|
<gradio-app
|
|
src=""
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>no host</h2>
|
|
<gradio-app
|
|
host=""
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>no space</h2>
|
|
<gradio-app
|
|
space=""
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
|
|
<h2>invalid src</h2>
|
|
<gradio-app
|
|
src="https://pngwn-mu123sic-visualizer.hf.space"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>invalid host</h2>
|
|
<gradio-app
|
|
host="asd.com"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>invalid space</h2>
|
|
<gradio-app
|
|
space="asd/asd"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
|
|
<gradio-app
|
|
src="https://pngwn-music-visualizer.hf.space"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>Error: runtime error</h2>
|
|
|
|
<gradio-app
|
|
space="gradio/titanic_survival_main"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
|
|
<h2>Error: no app file</h2>
|
|
<gradio-app
|
|
space="pngwn/AnimeGANv2_v3"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>Error: no app file</h2>
|
|
<gradio-app
|
|
src="https://pngwn-animeganv2-v3.hf.space"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>Error: build error</h2>
|
|
<gradio-app
|
|
space="pngwn/Stable-Diffusion-prompt-generator"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<h2>Error: build error</h2>
|
|
<gradio-app
|
|
src="https://pngwn-stable-diffusion-prompt-generato-85ff371.hf.space"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
|
|
|
|
<h2>Config Error</h2>
|
|
<gradio-app
|
|
space="pngwn/clear-inputs"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
|
|
<h2>Paused Space</h2>
|
|
<gradio-app
|
|
space="abidlabs/audioldm-text-to-audio-generation"
|
|
initial_height="400px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
|
|
<h2>Working</h2>
|
|
-->
|
|
|
|
<gradio-app
|
|
space="gradio/live_with_vars"
|
|
initial_height="200px"
|
|
control_page_title="true"
|
|
></gradio-app>
|
|
<!-- <iframe
|
|
id="myIframe"
|
|
allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"
|
|
src="http://127.0.0.1:7860/"
|
|
frameborder="0"
|
|
></iframe> -->
|
|
<button>Toggle Space</button>
|
|
<script>
|
|
// iFrameResize(
|
|
// {
|
|
// log: false,
|
|
// checkOrigin: false,
|
|
// heightCalculationMethod: "lowestElement"
|
|
// },
|
|
// "#myIframe"
|
|
// );
|
|
|
|
let spaces = [
|
|
"gradio/live_with_vars",
|
|
"gradio/colorpicker_component_main"
|
|
];
|
|
|
|
const b = document.getElementsByTagName("button")[0];
|
|
b.addEventListener("click", update_space);
|
|
|
|
function update_space() {
|
|
const g = document.getElementsByTagName("gradio-app")[0];
|
|
g.setAttribute("space", spaces[1]);
|
|
const [_old, _new] = spaces;
|
|
spaces = [_new, _old];
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|