Skip to content

Commit

Permalink
[DOCS] Notebooks iframe update for 23.1
Browse files Browse the repository at this point in the history
  • Loading branch information
msmykx-intel authored Sep 15, 2023
1 parent bcb469a commit 0edd62b
Show file tree
Hide file tree
Showing 10 changed files with 99 additions and 99 deletions.
4 changes: 2 additions & 2 deletions docs/notebooks/234-encodec-audio-compression-with-output.rst
Original file line number Diff line number Diff line change
Expand Up @@ -587,7 +587,7 @@ like with the original PyTorch models.



.. raw:: html
.. .. raw:: html

<div><iframe src="http://10.211.120.12:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://10.211.120.12:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>

Original file line number Diff line number Diff line change
Expand Up @@ -1388,7 +1388,7 @@ Run Infinite Zoom video generation `⇑ <#top>`__
.. raw:: html
.. .. raw:: html
<div><iframe src="https://462b1833bf3b980731.gradio.live" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="https://462b1833bf3b980731.gradio.live" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
Original file line number Diff line number Diff line change
Expand Up @@ -1024,7 +1024,7 @@ seed for latent state initialization and number of steps.
.. raw:: html
.. .. raw:: html
<div><iframe src="http://127.0.0.1:7863/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://127.0.0.1:7863/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
4 changes: 2 additions & 2 deletions docs/notebooks/237-segment-anything-with-output.rst
Original file line number Diff line number Diff line change
Expand Up @@ -937,9 +937,9 @@ point.
.. raw:: html
.. .. raw:: html
<div><iframe src="http://127.0.0.1:7862/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://127.0.0.1:7862/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
Run OpenVINO model in automatic mask generation mode `<#top>`__
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -693,7 +693,7 @@ generation parameters:
.. raw:: html
.. .. raw:: html
<div><iframe src="http://127.0.0.1:7860/" width="100%" height="800" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://127.0.0.1:7860/" width="100%" height="800" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
4 changes: 2 additions & 2 deletions docs/notebooks/241-riffusion-text-to-music-with-output.rst
Original file line number Diff line number Diff line change
Expand Up @@ -751,7 +751,7 @@ Interactive demo `⇑ <#top>`__



.. raw:: html
.. .. raw:: html

<div><iframe src="http://127.0.0.1:7861/" width="100%" height="800" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://127.0.0.1:7861/" width="100%" height="800" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>

4 changes: 2 additions & 2 deletions docs/notebooks/242-freevc-voice-conversion-with-output.rst
Original file line number Diff line number Diff line change
Expand Up @@ -800,9 +800,9 @@ inference. Use rate corresponding to the value of



.. raw:: html
.. .. raw:: html

<div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>


.. code:: ipython3
Expand Down
4 changes: 2 additions & 2 deletions docs/notebooks/244-named-entity-recognition-with-output.rst
Original file line number Diff line number Diff line change
Expand Up @@ -439,9 +439,9 @@ text.
.. raw:: html
.. .. raw:: html
<div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. parsed-literal::
Expand Down
8 changes: 4 additions & 4 deletions docs/notebooks/248-stable-diffusion-xl-with-output.rst
Original file line number Diff line number Diff line change
Expand Up @@ -292,9 +292,9 @@ Text2image Generation Interactive Demo\ `⇑ <#top>`__
.. raw:: html
.. .. raw:: html
<div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. code:: ipython3
Expand Down Expand Up @@ -445,9 +445,9 @@ Image2Image Generation Interactive Demo\ `⇑ <#top>`__
.. raw:: html
.. .. raw:: html
<div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. <div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. code:: ipython3
Expand Down
158 changes: 79 additions & 79 deletions docs/notebooks/251-tiny-sd-image-generation-with-output.rst
Original file line number Diff line number Diff line change
Expand Up @@ -1056,83 +1056,83 @@ found in this
.. image:: 251-tiny-sd-image-generation-with-output_files/251-tiny-sd-image-generation_39_1.png


Interactive Demo `<#top>`__
###############################################################################################################################

.. code:: ipython3
import gradio as gr
sample_img_url = "https://storage.openvinotoolkit.org/repositories/openvino_notebooks/data/data/image/tower.jpg"
img = load_image(sample_img_url).save("tower.jpg")
def generate_from_text(text, negative_text, seed, num_steps, _=gr.Progress(track_tqdm=True)):
result = ov_pipe(text, negative_prompt=negative_text, num_inference_steps=num_steps, seed=seed)
return result["sample"][0]
def generate_from_image(img, text, negative_text, seed, num_steps, strength, _=gr.Progress(track_tqdm=True)):
result = ov_pipe(text, img, negative_prompt=negative_text, num_inference_steps=num_steps, seed=seed, strength=strength)
return result["sample"][0]
with gr.Blocks() as demo:
with gr.Tab("Text-to-Image generation"):
with gr.Row():
with gr.Column():
text_input = gr.Textbox(lines=3, label="Positive prompt")
negative_text_input = gr.Textbox(lines=3, label="Negative prompt")
seed_input = gr.Slider(0, 10000000, value=751, label="Seed")
steps_input = gr.Slider(1, 50, value=20, step=1, label="Steps")
out = gr.Image(label="Result", type="pil")
sample_text = "futuristic synthwave city, retro sunset, crystals, spires, volumetric lighting, studio Ghibli style, rendered in unreal engine with clean details"
sample_text2 = "RAW studio photo of tiny cute happy cat in a yellow raincoat in the woods, rain, a character portrait, soft lighting, high resolution, photo realistic, extremely detailed"
negative_sample_text = ""
negative_sample_text2 = "bad anatomy, blurry, noisy, jpeg artifacts, low quality, geometry, mutation, disgusting. ugly"
btn = gr.Button()
btn.click(generate_from_text, [text_input, negative_text_input, seed_input, steps_input], out)
gr.Examples([[sample_text, negative_sample_text, 42, 20], [sample_text2, negative_sample_text2, 1561, 25]], [text_input, negative_text_input, seed_input, steps_input])
with gr.Tab("Image-to-Image generation"):
with gr.Row():
with gr.Column():
i2i_input = gr.Image(label="Image", type="pil")
i2i_text_input = gr.Textbox(lines=3, label="Text")
i2i_negative_text_input = gr.Textbox(lines=3, label="Negative prompt")
i2i_seed_input = gr.Slider(0, 10000000, value=42, label="Seed")
i2i_steps_input = gr.Slider(1, 50, value=10, step=1, label="Steps")
strength_input = gr.Slider(0, 1, value=0.5, label="Strength")
i2i_out = gr.Image(label="Result", type="pil")
i2i_btn = gr.Button()
sample_i2i_text = "amazing watercolor painting"
i2i_btn.click(
generate_from_image,
[i2i_input, i2i_text_input, i2i_negative_text_input, i2i_seed_input, i2i_steps_input, strength_input],
i2i_out,
)
gr.Examples(
[["tower.jpg", sample_i2i_text, "", 6400023, 40, 0.3]],
[i2i_input, i2i_text_input, i2i_negative_text_input, i2i_seed_input, i2i_steps_input, strength_input],
)
try:
demo.queue().launch(debug=True)
except Exception:
demo.queue().launch(share=True, debug=True)
# if you are launching remotely, specify server_name and server_port
# demo.launch(server_name='your server name', server_port='server port in int')
# Read more in the docs: https://gradio.app/docs/
.. parsed-literal::
Running on local URL: http://127.0.0.1:7860
To create a public link, set `share=True` in `launch()`.
.. raw:: html

<div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>
.. Interactive Demo `⇑ <#top>`__
.. ###############################################################################################################################
.. .. code:: ipython3
.. import gradio as gr
.. sample_img_url = "https://storage.openvinotoolkit.org/repositories/openvino_notebooks/data/data/image/tower.jpg"
.. img = load_image(sample_img_url).save("tower.jpg")
.. def generate_from_text(text, negative_text, seed, num_steps, _=gr.Progress(track_tqdm=True)):
.. result = ov_pipe(text, negative_prompt=negative_text, num_inference_steps=num_steps, seed=seed)
.. return result["sample"][0]
.. def generate_from_image(img, text, negative_text, seed, num_steps, strength, _=gr.Progress(track_tqdm=True)):
.. result = ov_pipe(text, img, negative_prompt=negative_text, num_inference_steps=num_steps, seed=seed, strength=strength)
.. return result["sample"][0]
.. with gr.Blocks() as demo:
.. with gr.Tab("Text-to-Image generation"):
.. with gr.Row():
.. with gr.Column():
.. text_input = gr.Textbox(lines=3, label="Positive prompt")
.. negative_text_input = gr.Textbox(lines=3, label="Negative prompt")
.. seed_input = gr.Slider(0, 10000000, value=751, label="Seed")
.. steps_input = gr.Slider(1, 50, value=20, step=1, label="Steps")
.. out = gr.Image(label="Result", type="pil")
.. sample_text = "futuristic synthwave city, retro sunset, crystals, spires, volumetric lighting, studio Ghibli style, rendered in unreal engine with clean details"
.. sample_text2 = "RAW studio photo of tiny cute happy cat in a yellow raincoat in the woods, rain, a character portrait, soft lighting, high resolution, photo realistic, extremely detailed"
.. negative_sample_text = ""
.. negative_sample_text2 = "bad anatomy, blurry, noisy, jpeg artifacts, low quality, geometry, mutation, disgusting. ugly"
.. btn = gr.Button()
.. btn.click(generate_from_text, [text_input, negative_text_input, seed_input, steps_input], out)
.. gr.Examples([[sample_text, negative_sample_text, 42, 20], [sample_text2, negative_sample_text2, 1561, 25]], [text_input, negative_text_input, seed_input, steps_input])
.. with gr.Tab("Image-to-Image generation"):
.. with gr.Row():
.. with gr.Column():
.. i2i_input = gr.Image(label="Image", type="pil")
.. i2i_text_input = gr.Textbox(lines=3, label="Text")
.. i2i_negative_text_input = gr.Textbox(lines=3, label="Negative prompt")
.. i2i_seed_input = gr.Slider(0, 10000000, value=42, label="Seed")
.. i2i_steps_input = gr.Slider(1, 50, value=10, step=1, label="Steps")
.. strength_input = gr.Slider(0, 1, value=0.5, label="Strength")
.. i2i_out = gr.Image(label="Result", type="pil")
.. i2i_btn = gr.Button()
.. sample_i2i_text = "amazing watercolor painting"
.. i2i_btn.click(
.. generate_from_image,
.. [i2i_input, i2i_text_input, i2i_negative_text_input, i2i_seed_input, i2i_steps_input, strength_input],
.. i2i_out,
.. )
.. gr.Examples(
.. [["tower.jpg", sample_i2i_text, "", 6400023, 40, 0.3]],
.. [i2i_input, i2i_text_input, i2i_negative_text_input, i2i_seed_input, i2i_steps_input, strength_input],
.. )
.. try:
.. demo.queue().launch(debug=True)
.. except Exception:
.. demo.queue().launch(share=True, debug=True)
.. # if you are launching remotely, specify server_name and server_port
.. # demo.launch(server_name='your server name', server_port='server port in int')
.. # Read more in the docs: https://gradio.app/docs/
.. .. parsed-literal::

.. Running on local URL: http://127.0.0.1:7860
.. To create a public link, set `share=True` in `launch()`.
.. .. raw:: html
.. <div><iframe src="http://127.0.0.1:7860/" width="100%" height="500" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>

0 comments on commit 0edd62b

Please sign in to comment.