|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>Gradio Lite Demo</title> |
|
|
<script src="https://cdn.jsdelivr.net/npm/@gradio/gradio-lite@latest"></script> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<div id="gradio-app"></div> |
|
|
|
|
|
<script> |
|
|
const config = { |
|
|
"fn": "hello_world", |
|
|
"inputs": [ |
|
|
{ |
|
|
"type": "text", |
|
|
"label": "Input Text" |
|
|
} |
|
|
], |
|
|
"outputs": [ |
|
|
{ |
|
|
"type": "text", |
|
|
"label": "Output Text" |
|
|
} |
|
|
] |
|
|
}; |
|
|
|
|
|
function hello_world(input_text) { |
|
|
return `Hello, ${input_text}!`; |
|
|
} |
|
|
|
|
|
gradioApp = new GradioApp(config, {hello_world}); |
|
|
gradioApp.run(document.querySelector("#gradio-app")); |
|
|
</script> |
|
|
|
|
|
</body> |
|
|
</html> |
