mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-02-17 11:29:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix demos in website (#1130)

Browse Source 
* iframing spaces demos

* fix demos in getting started
This commit is contained in:
Ali Abdalla 2022-04-29 03:53:25 +02:00 committed by GitHub
parent 761a218e5e
commit babf914107
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 37 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
demo/image_classifier/run.py
View File

@ -21,7 +21,7 @@ def classify_image(inp):
image = gr.Image(shape=(224, 224))
label = gr.Label(num_top_classes=3)
gr.Interface(
demo = gr.Interface(
fn=classify_image,
inputs=image,
outputs=label,
@ -29,4 +29,8 @@ gr.Interface(
os.path.join(os.path.dirname(__file__), "images/cheetah1.jpg"),
os.path.join(os.path.dirname(__file__), "images/lion.jpg")
]
).launch()
)
if __name__ == "__main__":
demo.launch()

4
demo/model3D/run.py
View File

@ -8,7 +8,7 @@ def load_mesh(mesh_file_name):
inputs = gr.Model3D()
outputs = gr.Model3D(clear_color=[0.8, 0.2, 0.2, 1.0])
iface = gr.Interface(
demo = gr.Interface(
fn=load_mesh,
inputs=inputs,
outputs=outputs,
@ -16,4 +16,4 @@ iface = gr.Interface(
)
if __name__ == "__main__":
iface.launch()
demo.launch()

5
demo/streaming_stt/run.py
View File

@ -39,4 +39,7 @@ def transcribe(speech, stream):
text = stream.intermediateDecode()
return text, stream
gr.Interface(transcribe, ["microphone", "state"], ["text", "state"], live=True).launch()
demo = gr.Interface(transcribe, ["microphone", "state"], ["text", "state"], live=True)
if __name__ == "__main__":
demo.launch()

6
demo/streaming_wav2vec/run.py
View File

@ -40,4 +40,8 @@ def transcribe(speech, stream):
text = stream.intermediateDecode()
return text, stream
gr.Interface(transcribe, ["microphone", "state"], ["text", "state"], live=True).launch()
demo = gr.Interface(transcribe, ["microphone", "state"], ["text", "state"], live=True)
if __name__ == "__main__":
demo.launch()

3
website/demos/run_demos.py
View File

@ -25,7 +25,8 @@ for demo_name, port in demo_port_sets:
demo_file = os.path.join(demo_folder, "run.py")
with open(demo_file, "r") as file:
filedata = file.read()
filedata = filedata.replace(f"iface.launch()", f"iface.launch(server_port={port})")
assert "demo.launch()" in filedata
filedata = filedata.replace(f"demo.launch()", f"demo.launch(server_port={port})")
with open(demo_file, "w") as file:
file.write(filedata)
demo_thread = threading.Thread(target=launch_demo, args=(demo_folder,))

28
website/homepage/src/index_template.html
View File

@ -87,7 +87,9 @@
iface <span class="token operator">=</span> gr<span class="token punctuation">.</span>Interface<span class="token punctuation">(</span>fn<span class="token operator">=</span>sketch_recognition<span class="token punctuation">,</span> inputs<span class="token operator">=</span><span class="token string">"sketchpad"</span><span class="token punctuation">,</span> outputs<span class="token operator">=</span><span class="token string">"label"</span><span class="token punctuation">).</span>launch<span class="token punctuation">(</span><span class="token punctuation">)</span>
</code></pre>
</div>
<div id="demo_mnist" class="w-full"></div>
<div id="demo_mnist" class="w-full">
<iframe src="https://hf.space/embed/abidlabs/draw2/+" frameBorder="0" height="400" title="Gradio app" class="container p-0 flex-grow space-iframe" 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" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
</div>
</div>
<div class="demo mb-16 p-4 border border-gray-300 border-t-0 shadow-lg hidden" demo="2">
<div class="relative">
@ -103,7 +105,9 @@ iface <span class="token operator">=</span> gr<span class="token punctuation">.<
iface <span class="token operator">=</span> gr<span class="token punctuation">.</span>Interface<span class="token punctuation">(</span>fn<span class="token operator">=</span>question_answer<span class="token punctuation">,</span> inputs<span class="token operator">=</span><span class="token punctuation">[</span><span class="token string">"text"</span><span class="token punctuation">,</span> <span class="token string">"text"</span><span class="token punctuation">],</span> outputs<span class="token operator">=</span>[</span><span class="token string">"textbox"</span><span class="token punctuation">,</span> <span class="token string">"text"</span><span class="token punctuation">]).</span>launch<span class="token punctuation">(</span><span class="token punctuation">)</span>
</code></pre>
</div>
<div id="demo_qa" class="w-full"></div>
<div id="demo_qa" class="w-full">
<iframe src="https://hf.space/embed/abidlabs/question-answering-simple/+" frameBorder="0" height="400" title="Gradio app" class="container p-0 flex-grow space-iframe" 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" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
</div>
</div>
<div class="demo mb-16 p-4 border border-gray-300 border-t-0 shadow-lg hidden" demo="3">
<div class="relative">
@ -119,7 +123,9 @@ iface <span class="token operator">=</span> gr<span class="token punctuation">.<
iface <span class="token operator">=</span> gr<span class="token punctuation">.</span>Interface<span class="token punctuation">(</span>fn<span class="token operator">=</span>segment<span class="token punctuation">,</span> inputs<span class="token operator">=</span><span class="token string">"image"</span><span class="token punctuation">,</span> outputs<span class="token operator">=</span><span class="token string">"image"</span><span class="token punctuation">).</span>launch<span class="token punctuation">(</span><span class="token punctuation">)</span>
</code></pre>
</div>
<div id="demo_image_classifier" class="w-full"></div>
<div id="demo_image_classifier" class="w-full">
<iframe src="https://hf.space/embed/abidlabs/Echocardiogram-Segmentation-simple/+" frameBorder="0" height="400" title="Gradio app" class="container p-0 flex-grow space-iframe" 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" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
</div>
</div>
<div class="demo mb-16 p-4 border border-gray-300 border-t-0 shadow-lg hidden" demo="4">
<div class="relative">
@ -138,7 +144,9 @@ iface <span class="token operator">=</span> gr<span class="token punctuation">.<
outputs<span class="token operator">=</span><span class="token string">"html"</span>
<span class="token punctuation">)</span><span class="token punctuation">.</span>launch<span class="token punctuation">(</span><span class="token punctuation">)</span></code></pre>
</div>
<div id="demo_anime" class="w-full"></div>
<div id="demo_anime" class="w-full">
<iframe src="https://hf.space/embed/abidlabs/speech-simple/+" frameBorder="0" height="400" title="Gradio app" class="container p-0 flex-grow space-iframe" 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" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
</div>
</div>
</div>
<section class="w-full py-8 mb-12 bg-gradient-to-tr from-gray-50 to-gray-200 shadow-inner">
@ -293,12 +301,12 @@ iface <span class="token operator">=</span> gr<span class="token punctuation">.<
<script defer id="gradio-library" type="module" crossorigin src="/gradio_static/assets/{{ index_js_file }}"></script>
<link rel="modulepreload" href="/gradio_static/assets/{{ vendor_js_file }}" />
<script>
document.querySelector("#gradio-library").addEventListener('load', function () {
launchGradioFromSpaces("abidlabs/Draw", "#demo_mnist");
launchGradioFromSpaces("abidlabs/question-answering", "#demo_qa");
launchGradioFromSpaces("abidlabs/Echocardiogram-Segmentation", "#demo_image_classifier");
launchGradioFromSpaces("abidlabs/same-person-or-different", "#demo_anime");
});
<!-- document.querySelector("#gradio-library").addEventListener('load', function () {-->
<!-- launchGradioFromSpaces("abidlabs/Draw", "#demo_mnist");-->
<!-- launchGradioFromSpaces("abidlabs/question-answering", "#demo_qa");-->
<!-- launchGradioFromSpaces("abidlabs/Echocardiogram-Segmentation", "#demo_image_classifier");-->
<!-- launchGradioFromSpaces("abidlabs/same-person-or-different", "#demo_anime");-->
<!-- });-->
</script>
</body>