import{S as _o,i as Eo,s as wo,e as o,k as p,w as _,t as a,M as $o,c as i,d as e,m as g,a as h,x as E,h as c,b as r,N as pe,G as n,g as l,y as w,L as xo,q as $,o as x,B as q,v as qo}from"../../chunks/vendor-hf-doc-builder.js";import{Y as jo}from"../../chunks/Youtube-hf-doc-builder.js";import{I as wn}from"../../chunks/IconCopyLink-hf-doc-builder.js";import{C as ge}from"../../chunks/CodeBlock-hf-doc-builder.js";import{D as Co}from"../../chunks/DocNotebookDropdown-hf-doc-builder.js";function So(pc){let P,$n,R,G,jt,tt,de,Ct,me,xn,nt,qn,j,ue,St,Lt,be,fe,Mt,Pt,ve,ke,jn,bt,ye,Cn,D,H,Rt,et,_e,Dt,Ee,Sn,A,at,gc,we,ct,dc,Ln,I,$e,At,xe,qe,Mn,u,B,Ot,je,Ce,Tt,Se,Le,Me,ft,Nt,Pe,Re,De,F,Gt,Ae,Oe,Ht,Te,Ne,Ge,d,It,He,Ie,Bt,Be,Fe,Ft,ze,Ue,zt,Xe,We,Ut,Qe,Ke,Xt,Ve,Ye,Wt,Je,Ze,Qt,ta,na,ea,z,Kt,aa,ca,Vt,oa,ia,ha,U,Yt,sa,la,Jt,ra,pa,Pn,ot,Rn,vt,ga,Dn,b,mc,An,O,X,Zt,it,da,tn,ma,On,C,ua,nn,ba,fa,en,va,ka,Tn,ht,Nn,W,ya,an,_a,Ea,Gn,Q,wa,cn,$a,xa,Hn,T,K,on,st,qa,hn,ja,In,kt,Ca,Bn,v,Sa,sn,La,Ma,ln,Pa,Ra,lt,Da,Aa,Fn,rt,zn,N,V,rn,pt,Oa,pn,Ta,Un,S,Na,yt,Ga,Ha,gn,Ia,Ba,Xn,k,Fa,gt,za,Ua,dt,Xa,Wa,dn,Qa,Ka,Wn,mt,Qn,Y,Va,mn,Ya,Ja,Kn,ut,Vn,f,uc,Yn,L,Za,un,tc,nc,bn,ec,ac,Jn,M,cc,fn,oc,ic,vn,hc,sc,Zn,_t,lc,te;return tt=new wn({}),nt=new Co({props:{classNames:"absolute z-10 right-0 top-0",options:[{label:"Google Colab",value:"https://colab.research.google.com/github/huggingface/notebooks/blob/master/course/vi/chapter9/section4.ipynb"},{label:"Aws Studio",value:"https://studiolab.sagemaker.aws/import/github/huggingface/notebooks/blob/master/course/vi/chapter9/section4.ipynb"}]}}),et=new wn({}),ot=new ge({props:{code:`title = "Ask Rick a Question"
description = """
The bot was trained to answer questions based on Rick and Morty dialogues. Ask Rick anything!
<img src="https://huggingface.co/spaces/course-demos/Rick_and_Morty_QA/resolve/main/rick.png" width=200px>
"""

article = "Check out [the original Rick and Morty Bot](https://huggingface.co/spaces/kingabzpro/Rick_and_Morty_Bot) that this demo is based off of."

gr.Interface(
    fn=predict,
    inputs="textbox",
    outputs="text",
    title=title,
    description=description,
    article=article,
    examples=[["What are you doing?"], ["Where should we time travel to?"]],
).launch()`,highlighted:`title = <span class="hljs-string">&quot;Ask Rick a Question&quot;</span>
description = <span class="hljs-string">&quot;&quot;&quot;
The bot was trained to answer questions based on Rick and Morty dialogues. Ask Rick anything!
&lt;img src=&quot;https://huggingface.co/spaces/course-demos/Rick_and_Morty_QA/resolve/main/rick.png&quot; width=200px&gt;
&quot;&quot;&quot;</span>

article = <span class="hljs-string">&quot;Check out [the original Rick and Morty Bot](https://huggingface.co/spaces/kingabzpro/Rick_and_Morty_Bot) that this demo is based off of.&quot;</span>

gr.Interface(
    fn=predict,
    inputs=<span class="hljs-string">&quot;textbox&quot;</span>,
    outputs=<span class="hljs-string">&quot;text&quot;</span>,
    title=title,
    description=description,
    article=article,
    examples=[[<span class="hljs-string">&quot;What are you doing?&quot;</span>], [<span class="hljs-string">&quot;Where should we time travel to?&quot;</span>]],
).launch()`}}),it=new wn({}),ht=new ge({props:{code:'gr.Interface(classify_image, "image", "label").launch(share=True)',highlighted:'gr.Interface(classify_image, <span class="hljs-string">&quot;image&quot;</span>, <span class="hljs-string">&quot;label&quot;</span>).launch(share=<span class="hljs-literal">True</span>)'}}),st=new wn({}),rt=new jo({props:{id:"LS9Y2wDVI0k"}}),pt=new wn({}),mt=new ge({props:{code:`from pathlib import Path
import torch
import gradio as gr
from torch import nn

LABELS = Path("class_names.txt").read_text().splitlines()

model = nn.Sequential(
    nn.Conv2d(1, 32, 3, padding="same"),
    nn.ReLU(),
    nn.MaxPool2d(2),
    nn.Conv2d(32, 64, 3, padding="same"),
    nn.ReLU(),
    nn.MaxPool2d(2),
    nn.Conv2d(64, 128, 3, padding="same"),
    nn.ReLU(),
    nn.MaxPool2d(2),
    nn.Flatten(),
    nn.Linear(1152, 256),
    nn.ReLU(),
    nn.Linear(256, len(LABELS)),
)
state_dict = torch.load("pytorch_model.bin", map_location="cpu")
model.load_state_dict(state_dict, strict=False)
model.eval()


def predict(im):
    x = torch.tensor(im, dtype=torch.float32).unsqueeze(0).unsqueeze(0) / 255.0
    with torch.no_grad():
        out = model(x)
    probabilities = torch.nn.functional.softmax(out[0], dim=0)
    values, indices = torch.topk(probabilities, 5)
    return {LABELS[i]: v.item() for i, v in zip(indices, values)}`,highlighted:`<span class="hljs-keyword">from</span> pathlib <span class="hljs-keyword">import</span> Path
<span class="hljs-keyword">import</span> torch
<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr
<span class="hljs-keyword">from</span> torch <span class="hljs-keyword">import</span> nn

LABELS = Path(<span class="hljs-string">&quot;class_names.txt&quot;</span>).read_text().splitlines()

model = nn.Sequential(
    nn.Conv2d(<span class="hljs-number">1</span>, <span class="hljs-number">32</span>, <span class="hljs-number">3</span>, padding=<span class="hljs-string">&quot;same&quot;</span>),
    nn.ReLU(),
    nn.MaxPool2d(<span class="hljs-number">2</span>),
    nn.Conv2d(<span class="hljs-number">32</span>, <span class="hljs-number">64</span>, <span class="hljs-number">3</span>, padding=<span class="hljs-string">&quot;same&quot;</span>),
    nn.ReLU(),
    nn.MaxPool2d(<span class="hljs-number">2</span>),
    nn.Conv2d(<span class="hljs-number">64</span>, <span class="hljs-number">128</span>, <span class="hljs-number">3</span>, padding=<span class="hljs-string">&quot;same&quot;</span>),
    nn.ReLU(),
    nn.MaxPool2d(<span class="hljs-number">2</span>),
    nn.Flatten(),
    nn.Linear(<span class="hljs-number">1152</span>, <span class="hljs-number">256</span>),
    nn.ReLU(),
    nn.Linear(<span class="hljs-number">256</span>, <span class="hljs-built_in">len</span>(LABELS)),
)
state_dict = torch.load(<span class="hljs-string">&quot;pytorch_model.bin&quot;</span>, map_location=<span class="hljs-string">&quot;cpu&quot;</span>)
model.load_state_dict(state_dict, strict=<span class="hljs-literal">False</span>)
model.<span class="hljs-built_in">eval</span>()


<span class="hljs-keyword">def</span> <span class="hljs-title function_">predict</span>(<span class="hljs-params">im</span>):
    x = torch.tensor(im, dtype=torch.float32).unsqueeze(<span class="hljs-number">0</span>).unsqueeze(<span class="hljs-number">0</span>) / <span class="hljs-number">255.0</span>
    <span class="hljs-keyword">with</span> torch.no_grad():
        out = model(x)
    probabilities = torch.nn.functional.softmax(out[<span class="hljs-number">0</span>], dim=<span class="hljs-number">0</span>)
    values, indices = torch.topk(probabilities, <span class="hljs-number">5</span>)
    <span class="hljs-keyword">return</span> {LABELS[i]: v.item() <span class="hljs-keyword">for</span> i, v <span class="hljs-keyword">in</span> <span class="hljs-built_in">zip</span>(indices, values)}`}}),ut=new ge({props:{code:`interface = gr.Interface(
    predict,
    inputs="sketchpad",
    outputs="label",
    theme="huggingface",
    title="Sketch Recognition",
    description="Who wants to play Pictionary? Draw a common object like a shovel or a laptop, and the algorithm will guess in real time!",
    article="<p style='text-align: center'>Sketch Recognition | Demo Model</p>",
    live=True,
)
interface.launch(share=True)`,highlighted:`interface = gr.Interface(
    predict,
    inputs=<span class="hljs-string">&quot;sketchpad&quot;</span>,
    outputs=<span class="hljs-string">&quot;label&quot;</span>,
    theme=<span class="hljs-string">&quot;huggingface&quot;</span>,
    title=<span class="hljs-string">&quot;Sketch Recognition&quot;</span>,
    description=<span class="hljs-string">&quot;Who wants to play Pictionary? Draw a common object like a shovel or a laptop, and the algorithm will guess in real time!&quot;</span>,
    article=<span class="hljs-string">&quot;&lt;p style=&#x27;text-align: center&#x27;&gt;Sketch Recognition | Demo Model&lt;/p&gt;&quot;</span>,
    live=<span class="hljs-literal">True</span>,
)
interface.launch(share=<span class="hljs-literal">True</span>)`}}),{c(){P=o("meta"),$n=p(),R=o("h1"),G=o("a"),jt=o("span"),_(tt.$$.fragment),de=p(),Ct=o("span"),me=a("Chia s\u1EBB c\xE1c b\u1EA3n demo v\u1EDBi ng\u01B0\u1EDDi kh\xE1c"),xn=p(),_(nt.$$.fragment),qn=p(),j=o("p"),ue=a("B\xE2y gi\u1EDD b\u1EA1n \u0111\xE3 x\xE2y d\u1EF1ng m\u1ED9t b\u1EA3n demo, c\xF3 th\u1EC3 b\u1EA1n s\u1EBD mu\u1ED1n chia s\u1EBB n\xF3 v\u1EDBi nh\u1EEFng ng\u01B0\u1EDDi kh\xE1c. C\xE1c b\u1EA3n demo Gradio c\xF3 th\u1EC3 \u0111\u01B0\u1EE3c chia s\u1EBB theo hai c\xE1ch: s\u1EED d\u1EE5ng m\u1ED9t "),St=o("strong"),Lt=o("em"),be=a("\u0111\u01B0\u1EDDng d\u1EABn chia s\u1EBB t\u1EA1m th\u1EDDi"),fe=a(" ho\u1EB7c "),Mt=o("strong"),Pt=o("em"),ve=a("l\u01B0u tr\u1EEF v\u0129nh vi\u1EC5n tr\xEAn Spaces"),ke=a("."),jn=p(),bt=o("p"),ye=a("Ch\xFAng t\xF4i s\u1EBD \u0111\u1EC1 c\u1EADp \u0111\u1EBFn c\u1EA3 hai c\xE1ch ti\u1EBFp c\u1EADn n\xE0y ngay sau \u0111\xE2y. Nh\u01B0ng tr\u01B0\u1EDBc khi chia s\u1EBB b\u1EA3n demo c\u1EE7a m\xECnh, b\u1EA1n c\xF3 th\u1EC3 mu\u1ED1n \u0111\xE1nh b\xF3ng n\xF3 \u{1F485}."),Cn=p(),D=o("h3"),H=o("a"),Rt=o("span"),_(et.$$.fragment),_e=p(),Dt=o("span"),Ee=a("\u0110\xE1nh b\xF3ng Gradio demo c\u1EE7a b\u1EA1n:"),Sn=p(),A=o("div"),at=o("img"),we=p(),ct=o("img"),Ln=p(),I=o("p"),$e=a("\u0110\u1EC3 th\xEAm n\u1ED9i dung b\u1ED5 sung v\xE0o b\u1EA3n demo c\u1EE7a b\u1EA1n, l\u1EDBp "),At=o("code"),xe=a("Interface"),qe=a(" h\u1ED7 tr\u1EE3 m\u1ED9t s\u1ED1 tham s\u1ED1 t\xF9y ch\u1ECDn:"),Mn=p(),u=o("ul"),B=o("li"),Ot=o("code"),je=a("title"),Ce=a(": b\u1EA1n c\xF3 th\u1EC3 \u0111\u1EB7t ti\xEAu \u0111\u1EC1 cho b\u1EA3n demo c\u1EE7a m\xECnh, xu\u1EA5t hi\u1EC7n "),Tt=o("em"),Se=a("ph\xEDa tr\xEAn"),Le=a(" c\xE1c th\xE0nh ph\u1EA7n \u0111\u1EA7u v\xE0o v\xE0 \u0111\u1EA7u ra."),Me=p(),ft=o("li"),Nt=o("code"),Pe=a("description"),Re=a(": b\u1EA1n c\xF3 th\u1EC3 \u0111\u01B0a ra m\xF4 t\u1EA3 (b\u1EB1ng v\u0103n b\u1EA3n, Markdown ho\u1EB7c HTML) cho giao di\u1EC7n, xu\u1EA5t hi\u1EC7n ph\xEDa tr\xEAn c\xE1c th\xE0nh ph\u1EA7n \u0111\u1EA7u v\xE0o v\xE0 \u0111\u1EA7u ra v\xE0 b\xEAn d\u01B0\u1EDBi ti\xEAu \u0111\u1EC1."),De=p(),F=o("li"),Gt=o("code"),Ae=a("article"),Oe=a(": b\u1EA1n c\u0169ng c\xF3 th\u1EC3 vi\u1EBFt m\u1ED9t b\xE0i b\xE1o m\u1EDF r\u1ED9ng (b\u1EB1ng v\u0103n b\u1EA3n, Markdown ho\u1EB7c HTML) gi\u1EA3i th\xEDch v\u1EC1 giao di\u1EC7n. N\u1EBFu \u0111\u01B0\u1EE3c cung c\u1EA5p, n\xF3 s\u1EBD xu\u1EA5t hi\u1EC7n "),Ht=o("em"),Te=a("b\xEAn d\u01B0\u1EDBi"),Ne=a(" c\xE1c th\xE0nh ph\u1EA7n \u0111\u1EA7u v\xE0o v\xE0 \u0111\u1EA7u ra."),Ge=p(),d=o("li"),It=o("code"),He=a("theme"),Ie=a(": b\u1EA1n kh\xF4ng th\xEDch m\xE0u m\u1EB7c \u0111\u1ECBnh? \u0110\u1EB7t ch\u1EE7 \u0111\u1EC1 \u0111\u1EC3 s\u1EED d\u1EE5ng m\u1ED9t trong c\xE1c "),Bt=o("code"),Be=a("default"),Fe=a(", "),Ft=o("code"),ze=a("huggingface"),Ue=a(", "),zt=o("code"),Xe=a("grass"),We=a(", "),Ut=o("code"),Qe=a("peach"),Ke=a(". B\u1EA1n c\u0169ng c\xF3 th\u1EC3 th\xEAm ti\u1EC1n t\u1ED1 "),Xt=o("code"),Ve=a("dark-"),Ye=a(", v\xED d\u1EE5: "),Wt=o("code"),Je=a("dark-peach"),Ze=a(" cho ch\u1EE7 \u0111\u1EC1 t\u1ED1i (ho\u1EB7c ch\u1EC9 "),Qt=o("code"),ta=a("dark"),na=a(" cho ch\u1EE7 \u0111\u1EC1 t\u1ED1i m\u1EB7c \u0111\u1ECBnh)."),ea=p(),z=o("li"),Kt=o("code"),aa=a("examples"),ca=a(": \u0111\u1EC3 l\xE0m cho b\u1EA3n demo c\u1EE7a b\u1EA1n "),Vt=o("em"),oa=a("d\u1EC5 s\u1EED d\u1EE5ng h\u01A1n"),ia=a(", b\u1EA1n c\xF3 th\u1EC3 cung c\u1EA5p m\u1ED9t s\u1ED1 \u0111\u1EA7u v\xE0o v\xED d\u1EE5 cho h\xE0m. Ch\xFAng xu\u1EA5t hi\u1EC7n b\xEAn d\u01B0\u1EDBi c\xE1c th\xE0nh ph\u1EA7n giao di\u1EC7n ng\u01B0\u1EDDi d\xF9ng v\xE0 c\xF3 th\u1EC3 \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng \u0111\u1EC3 \u0111i\u1EC1n v\xE0o giao di\u1EC7n. Ch\xFAng ph\u1EA3i \u0111\u01B0\u1EE3c cung c\u1EA5p d\u01B0\u1EDBi d\u1EA1ng danh s\xE1ch l\u1ED3ng nhau, trong \u0111\xF3 danh s\xE1ch b\xEAn ngo\xE0i bao g\u1ED3m c\xE1c m\u1EABu v\xE0 m\u1ED7i danh s\xE1ch b\xEAn trong bao g\u1ED3m m\u1ED9t \u0111\u1EA7u v\xE0o t\u01B0\u01A1ng \u1EE9ng v\u1EDBi m\u1ED7i th\xE0nh ph\u1EA7n \u0111\u1EA7u v\xE0o."),ha=p(),U=o("li"),Yt=o("code"),sa=a("live"),la=a(": n\u1EBFu b\u1EA1n mu\u1ED1n l\xE0m cho b\u1EA3n demo c\u1EE7a m\xECnh \u201Cs\u1ED1ng \u0111\u1ED9ng\u201D, ngh\u0129a l\xE0 m\xF4 h\xECnh c\u1EE7a b\u1EA1n ch\u1EA1y l\u1EA1i m\u1ED7i khi \u0111\u1EA7u v\xE0o thay \u0111\u1ED5i, b\u1EA1n c\xF3 th\u1EC3 \u0111\u1EB7t "),Jt=o("code"),ra=a("live=True"),pa=a(`. \u0110i\u1EC1u n\xE0y h\u1EE3p l\xFD khi s\u1EED d\u1EE5ng v\u1EDBi c\xE1c m\xF4 h\xECnh nhanh (ch\xFAng ta s\u1EBD xem m\u1ED9t v\xED d\u1EE5 \u1EDF cu\u1ED1i ph\u1EA7n n\xE0y)
S\u1EED d\u1EE5ng c\xE1c t\xF9y ch\u1ECDn \u1EDF tr\xEAn, ch\xFAng ta k\u1EBFt th\xFAc v\u1EDBi m\u1ED9t giao di\u1EC7n ho\xE0n ch\u1EC9nh h\u01A1n. Ch\u1EA1y \u0111o\u1EA1n m\xE3 d\u01B0\u1EDBi \u0111\xE2y \u0111\u1EC3 b\u1EA1n c\xF3 th\u1EC3 tr\xF2 chuy\u1EC7n v\u1EDBi Rick v\xE0 Morty:`),Pn=p(),_(ot.$$.fragment),Rn=p(),vt=o("p"),ga=a("S\u1EED d\u1EE5ng c\xE1c t\xF9y ch\u1ECDn \u1EDF tr\xEAn, ch\xFAng ta k\u1EBFt th\xFAc v\u1EDBi m\u1ED9t giao di\u1EC7n ho\xE0n ch\u1EC9nh h\u01A1n. H\xE3y th\u1EED giao di\u1EC7n b\xEAn d\u01B0\u1EDBi:"),Dn=p(),b=o("iframe"),An=p(),O=o("h3"),X=o("a"),Zt=o("span"),_(it.$$.fragment),da=p(),tn=o("span"),ma=a("Chia s\u1EBB b\u1EA3n demo c\u1EE7a b\u1EA1n v\u1EDBi c\xE1c li\xEAn k\u1EBFt t\u1EA1m th\u1EDDi"),On=p(),C=o("p"),ua=a(`B\xE2y gi\u1EDD ch\xFAng ta \u0111\xE3 c\xF3 b\u1EA3n demo ho\u1EA1t \u0111\u1ED9ng c\u1EE7a m\xF4 h\xECnh h\u1ECDc m\xE1y c\u1EE7a m\xECnh, h\xE3y t\xECm hi\u1EC3u c\xE1ch d\u1EC5 d\xE0ng chia s\u1EBB li\xEAn k\u1EBFt \u0111\u1EBFn giao di\u1EC7n c\u1EE7a ch\xFAng ta.
C\xE1c giao di\u1EC7n c\xF3 th\u1EC3 d\u1EC5 d\xE0ng \u0111\u01B0\u1EE3c chia s\u1EBB c\xF4ng khai b\u1EB1ng c\xE1ch \u0111\u1EB7t `),nn=o("code"),ba=a("share=True"),fa=a(" trong ph\u01B0\u01A1ng th\u1EE9c "),en=o("code"),va=a("launch()"),ka=a(":"),Tn=p(),_(ht.$$.fragment),Nn=p(),W=o("p"),ya=a("\u0110i\u1EC1u n\xE0y t\u1EA1o ra m\u1ED9t li\xEAn k\u1EBFt c\xF4ng khai, c\xF3 th\u1EC3 chia s\u1EBB m\xE0 b\u1EA1n c\xF3 th\u1EC3 g\u1EEDi cho b\u1EA5t k\u1EF3 ai! Khi b\u1EA1n g\u1EEDi li\xEAn k\u1EBFt n\xE0y, ng\u01B0\u1EDDi d\xF9ng \u1EDF ph\xEDa b\xEAn kia c\xF3 th\u1EC3 d\xF9ng th\u1EED m\xF4 h\xECnh trong tr\xECnh duy\u1EC7t c\u1EE7a h\u1ECD trong t\u1ED1i \u0111a 72 gi\u1EDD. V\xEC qu\xE1 tr\xECnh x\u1EED l\xFD di\u1EC5n ra tr\xEAn thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n (mi\u1EC5n l\xE0 thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n v\u1EABn b\u1EADt!), B\u1EA1n kh\xF4ng ph\u1EA3i lo l\u1EAFng v\u1EC1 vi\u1EC7c \u0111\xF3ng g\xF3i b\u1EA5t k\u1EF3 th\u01B0 vi\u1EC7n ph\u1EE5 thu\u1ED9c n\xE0o. N\u1EBFu b\u1EA1n \u0111ang l\xE0m vi\u1EC7c v\u1EDBi notebook Google Colab, li\xEAn k\u1EBFt chia s\u1EBB lu\xF4n \u0111\u01B0\u1EE3c t\u1EA1o t\u1EF1 \u0111\u1ED9ng. N\xF3 th\u01B0\u1EDDng tr\xF4ng gi\u1ED1ng nh\u01B0 sau: "),an=o("strong"),_a=a("XXXXX.gradio.app"),Ea=a(". M\u1EB7c d\xF9 li\xEAn k\u1EBFt \u0111\u01B0\u1EE3c cung c\u1EA5p th\xF4ng qua li\xEAn k\u1EBFt Gradio, ta ch\u1EC9 l\xE0 m\u1ED9t proxy cho m\xE1y ch\u1EE7 c\u1EE5c b\u1ED9 c\u1EE7a m\xECnh v\xE0 kh\xF4ng l\u01B0u tr\u1EEF b\u1EA5t k\u1EF3 d\u1EEF li\u1EC7u n\xE0o \u0111\u01B0\u1EE3c g\u1EEDi qua c\xE1c giao di\u1EC7n."),Gn=p(),Q=o("p"),wa=a("Tuy nhi\xEAn, h\xE3y nh\u1EDB r\u1EB1ng c\xE1c li\xEAn k\u1EBFt n\xE0y c\xF3 th\u1EC3 truy c\u1EADp c\xF4ng khai, c\xF3 ngh\u0129a l\xE0 b\u1EA5t k\u1EF3 ai c\u0169ng c\xF3 th\u1EC3 s\u1EED d\u1EE5ng m\xF4 h\xECnh c\u1EE7a b\u1EA1n \u0111\u1EC3 d\u1EF1 \u0111o\xE1n! Do \u0111\xF3, h\xE3y \u0111\u1EA3m b\u1EA3o kh\xF4ng \u0111\u1EC3 l\u1ED9 b\u1EA5t k\u1EF3 th\xF4ng tin nh\u1EA1y c\u1EA3m n\xE0o th\xF4ng qua c\xE1c h\xE0m b\u1EA1n vi\u1EBFt ho\u1EB7c cho ph\xE9p b\u1EA5t k\u1EF3 thay \u0111\u1ED5i quan tr\u1ECDng n\xE0o x\u1EA3y ra tr\xEAn thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n. N\u1EBFu b\u1EA1n \u0111\u1EB7t "),cn=o("code"),$a=a("share=False"),xa=a(" (m\u1EB7c \u0111\u1ECBnh), ch\u1EC9 m\u1ED9t li\xEAn k\u1EBFt c\u1EE5c b\u1ED9 \u0111\u01B0\u1EE3c t\u1EA1o."),Hn=p(),T=o("h3"),K=o("a"),on=o("span"),_(st.$$.fragment),qa=p(),hn=o("span"),ja=a("L\u01B0u tr\u1EEF b\u1EA3n demo c\u1EE7a b\u1EA1n tr\xEAn Hugging Face Spaces"),In=p(),kt=o("p"),Ca=a("M\u1ED9t \u0111\u01B0\u1EDDng d\u1EABn li\xEAn k\u1EBFt m\xE0 b\u1EA1n c\xF3 th\u1EC3 chia s\u1EBB cho c\xE1c \u0111\u1ED3ng nghi\u1EC7p th\u1EADt tuy\u1EC7t, nh\u01B0ng l\xE0m th\u1EBF n\xE0o b\u1EA1n c\xF3 th\u1EC3 l\u01B0u tr\u1EEF v\u0129nh vi\u1EC5n b\u1EA3n demo c\u1EE7a m\xECnh v\xE0 \u0111\u1EC3 b\u1EA3n demo t\u1ED3n t\u1EA1i trong \u201Ckh\xF4ng gian\u201D ri\xEAng c\u1EE7a n\xF3 tr\xEAn internet?"),Bn=p(),v=o("p"),Sa=a("Hugging Face Space cung c\u1EA5p c\u01A1 s\u1EDF h\u1EA1 t\u1EA7ng \u0111\u1EC3 l\u01B0u tr\u1EEF v\u0129nh vi\u1EC5n m\xF4 h\xECnh Gradio c\u1EE7a b\u1EA1n tr\xEAn internet, "),sn=o("strong"),La=a("mi\u1EC5n ph\xED"),Ma=a("! Spaces cho ph\xE9p b\u1EA1n t\u1EA1o v\xE0 \u0111\u1EA9y l\xEAn kho (c\xF4ng khai ho\u1EB7c ri\xEAng t\u01B0), n\u01A1i giao di\u1EC7n Gradio c\u1EE7a b\u1EA1n s\u1EBD t\u1ED3n t\u1EA1i trong t\u1EC7p "),ln=o("code"),Pa=a("app.py"),Ra=a(". "),lt=o("a"),Da=a("\u0110\u1ECDc h\u01B0\u1EDBng d\u1EABn t\u1EEBng b\u01B0\u1EDBc"),Aa=a(" \u0111\u1EC3 b\u1EAFt \u0111\u1EA7u ho\u1EB7c xem video v\xED d\u1EE5 b\xEAn d\u01B0\u1EDBi."),Fn=p(),_(rt.$$.fragment),zn=p(),N=o("h2"),V=o("a"),rn=o("span"),_(pt.$$.fragment),Oa=p(),pn=o("span"),Ta=a("\u270F\uFE0F C\xF9ng \xE1p d\u1EE5ng nh\xE9!"),Un=p(),S=o("p"),Na=a("S\u1EED d\u1EE5ng nh\u1EEFng g\xEC ch\xFAng ta v\u1EEBa h\u1ECDc \u0111\u01B0\u1EE3c trong c\xE1c ph\u1EA7n cho \u0111\u1EBFn nay, h\xE3y t\u1EA1o b\u1EA3n demo nh\u1EADn d\u1EA1ng ph\xE1c th\u1EA3o m\xE0 ta \u0111\xE3 th\u1EA5y trong "),yt=o("a"),Ga=a("ph\u1EA7n m\u1ED9t c\u1EE7a ch\u01B0\u01A1ng n\xE0y"),Ha=a(". H\xE3y th\xEAm m\u1ED9t s\u1ED1 t\xF9y ch\u1EC9nh v\xE0o giao di\u1EC7n v\xE0 \u0111\u1EB7t "),gn=o("code"),Ia=a("share=True"),Ba=a(" \u0111\u1EC3 t\u1EA1o m\u1ED9t li\xEAn k\u1EBFt c\xF4ng khai m\xE0 ta c\xF3 th\u1EC3 chia s\u1EBB."),Xn=p(),k=o("p"),Fa=a("Ch\xFAng ra c\xF3 th\u1EC3 t\u1EA3i c\xE1c nh\xE3n t\u1EEB "),gt=o("a"),za=a("class_names.txt"),Ua=a(" v\xE0 t\u1EA3i m\xF4 h\xECnh pytorch \u0111\u01B0\u1EE3c hu\u1EA5n luy\u1EC7n tr\u01B0\u1EDBc t\u1EEB [pytorch_model.bin] ("),dt=o("a"),Xa=a("https://huggingface.co/spaces/dawood/Sketch-Recognition/blob/main/pytorch_model.bin"),Wa=a("). T\u1EA3i xu\u1ED1ng c\xE1c t\u1EC7p n\xE0y b\u1EB1ng c\xE1ch nh\u1EA5p v\xE0o li\xEAn k\u1EBFt v\xE0 nh\u1EA5p v\xE0o t\u1EA3i xu\u1ED1ng \u1EDF g\xF3c tr\xEAn c\xF9ng b\xEAn tr\xE1i c\u1EE7a b\u1EA3n xem tr\u01B0\u1EDBc t\u1EC7p. H\xE3y xem \u0111o\u1EA1n m\xE3 b\xEAn d\u01B0\u1EDBi \u0111\u1EC3 bi\u1EBFt c\xE1ch ch\xFAng ta s\u1EED d\u1EE5ng c\xE1c t\u1EC7p n\xE0y \u0111\u1EC3 t\u1EA3i m\xF4 h\xECnh c\u1EE7a m\xECnh v\xE0 t\u1EA1o h\xE0m "),dn=o("code"),Qa=a("predict()"),Ka=a(":"),Wn=p(),_(mt.$$.fragment),Qn=p(),Y=o("p"),Va=a("Gi\u1EDD ta \u0111\xE3 c\xF3 h\xE0m "),mn=o("code"),Ya=a("predict()"),Ja=a(". B\u01B0\u1EDBc ti\u1EBFp theo l\xE0 \u0111\u1ECBnh ngh\u1EC9a v\xE0 kh\u1EDFi ch\u1EA1y giao di\u1EC7n gradio:"),Kn=p(),_(ut.$$.fragment),Vn=p(),f=o("iframe"),Yn=p(),L=o("p"),Za=a("L\u01B0u \xFD tham s\u1ED1 "),un=o("code"),tc=a("live=True"),nc=a(" trong "),bn=o("code"),ec=a("Interface"),ac=a(", c\xF3 ngh\u0129a l\xE0 b\u1EA3n demo ph\xE1c th\u1EA3o t\u1EA1o ra d\u1EF1 \u0111o\xE1n m\u1ED7i khi ai \u0111\xF3 v\u1EBD tr\xEAn sketchpad (kh\xF4ng c\xF3 n\xFAt g\u1EEDi!)."),Jn=p(),M=o("p"),cc=a("H\u01A1n n\u1EEFa, ch\xFAng ta c\u0169ng \u0111\u1EB7t tham s\u1ED1 "),fn=o("code"),oc=a("share=True"),ic=a(" trong ph\u01B0\u01A1ng th\u1EE9c "),vn=o("code"),hc=a("launch()"),sc=a(`.
\u0110i\u1EC1u n\xE0y s\u1EBD t\u1EA1o ra m\u1ED9t li\xEAn k\u1EBFt c\xF4ng khai m\xE0 b\u1EA1n c\xF3 th\u1EC3
g\u1EEDi cho b\u1EA5t c\u1EE9 ai! Khi b\u1EA1n g\u1EEDi li\xEAn k\u1EBFt n\xE0y, ng\u01B0\u1EDDi d\xF9ng \u1EDF ph\xEDa b\xEAn kia c\xF3 th\u1EC3 th\u1EED m\xF4 h\xECnh nh\u1EADn d\u1EA1ng ph\xE1c th\u1EA3o. \u0110\u1EC3 nh\u1EAFc l\u1EA1i, b\u1EA1n c\u0169ng c\xF3 th\u1EC3 t\u1ED5 ch\u1EE9c m\xF4 h\xECnh tr\xEAn Hugging Face Spaces, \u0111\xF3 l\xE0 c\xE1ch ch\xFAng ta c\xF3 th\u1EC3 nh\xFAng b\u1EA3n demo \u1EDF tr\xEAn.`),Zn=p(),_t=o("p"),lc=a("Ti\u1EBFp theo, ch\xFAng t\xF4i s\u1EBD \u0111\u1EC1 c\u1EADp \u0111\u1EBFn c\xE1c c\xE1ch kh\xE1c m\xE0 Gradio c\xF3 th\u1EC3 \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng v\u1EDBi h\u1EC7 sinh th\xE1i Hugging Face!"),this.h()},l(t){const s=$o('[data-svelte="svelte-1phssyn"]',document.head);P=i(s,"META",{name:!0,content:!0}),s.forEach(e),$n=g(t),R=i(t,"H1",{class:!0});var ne=h(R);G=i(ne,"A",{id:!0,class:!0,href:!0});var bc=h(G);jt=i(bc,"SPAN",{});var fc=h(jt);E(tt.$$.fragment,fc),fc.forEach(e),bc.forEach(e),de=g(ne),Ct=i(ne,"SPAN",{});var vc=h(Ct);me=c(vc,"Chia s\u1EBB c\xE1c b\u1EA3n demo v\u1EDBi ng\u01B0\u1EDDi kh\xE1c"),vc.forEach(e),ne.forEach(e),xn=g(t),E(nt.$$.fragment,t),qn=g(t),j=i(t,"P",{});var Et=h(j);ue=c(Et,"B\xE2y gi\u1EDD b\u1EA1n \u0111\xE3 x\xE2y d\u1EF1ng m\u1ED9t b\u1EA3n demo, c\xF3 th\u1EC3 b\u1EA1n s\u1EBD mu\u1ED1n chia s\u1EBB n\xF3 v\u1EDBi nh\u1EEFng ng\u01B0\u1EDDi kh\xE1c. C\xE1c b\u1EA3n demo Gradio c\xF3 th\u1EC3 \u0111\u01B0\u1EE3c chia s\u1EBB theo hai c\xE1ch: s\u1EED d\u1EE5ng m\u1ED9t "),St=i(Et,"STRONG",{});var kc=h(St);Lt=i(kc,"EM",{});var yc=h(Lt);be=c(yc,"\u0111\u01B0\u1EDDng d\u1EABn chia s\u1EBB t\u1EA1m th\u1EDDi"),yc.forEach(e),kc.forEach(e),fe=c(Et," ho\u1EB7c "),Mt=i(Et,"STRONG",{});var _c=h(Mt);Pt=i(_c,"EM",{});var Ec=h(Pt);ve=c(Ec,"l\u01B0u tr\u1EEF v\u0129nh vi\u1EC5n tr\xEAn Spaces"),Ec.forEach(e),_c.forEach(e),ke=c(Et,"."),Et.forEach(e),jn=g(t),bt=i(t,"P",{});var wc=h(bt);ye=c(wc,"Ch\xFAng t\xF4i s\u1EBD \u0111\u1EC1 c\u1EADp \u0111\u1EBFn c\u1EA3 hai c\xE1ch ti\u1EBFp c\u1EADn n\xE0y ngay sau \u0111\xE2y. Nh\u01B0ng tr\u01B0\u1EDBc khi chia s\u1EBB b\u1EA3n demo c\u1EE7a m\xECnh, b\u1EA1n c\xF3 th\u1EC3 mu\u1ED1n \u0111\xE1nh b\xF3ng n\xF3 \u{1F485}."),wc.forEach(e),Cn=g(t),D=i(t,"H3",{class:!0});var ee=h(D);H=i(ee,"A",{id:!0,class:!0,href:!0});var $c=h(H);Rt=i($c,"SPAN",{});var xc=h(Rt);E(et.$$.fragment,xc),xc.forEach(e),$c.forEach(e),_e=g(ee),Dt=i(ee,"SPAN",{});var qc=h(Dt);Ee=c(qc,"\u0110\xE1nh b\xF3ng Gradio demo c\u1EE7a b\u1EA1n:"),qc.forEach(e),ee.forEach(e),Sn=g(t),A=i(t,"DIV",{class:!0});var ae=h(A);at=i(ae,"IMG",{class:!0,src:!0,alt:!0}),we=g(ae),ct=i(ae,"IMG",{class:!0,src:!0,alt:!0}),ae.forEach(e),Ln=g(t),I=i(t,"P",{});var ce=h(I);$e=c(ce,"\u0110\u1EC3 th\xEAm n\u1ED9i dung b\u1ED5 sung v\xE0o b\u1EA3n demo c\u1EE7a b\u1EA1n, l\u1EDBp "),At=i(ce,"CODE",{});var jc=h(At);xe=c(jc,"Interface"),jc.forEach(e),qe=c(ce," h\u1ED7 tr\u1EE3 m\u1ED9t s\u1ED1 tham s\u1ED1 t\xF9y ch\u1ECDn:"),ce.forEach(e),Mn=g(t),u=i(t,"UL",{});var y=h(u);B=i(y,"LI",{});var kn=h(B);Ot=i(kn,"CODE",{});var Cc=h(Ot);je=c(Cc,"title"),Cc.forEach(e),Ce=c(kn,": b\u1EA1n c\xF3 th\u1EC3 \u0111\u1EB7t ti\xEAu \u0111\u1EC1 cho b\u1EA3n demo c\u1EE7a m\xECnh, xu\u1EA5t hi\u1EC7n "),Tt=i(kn,"EM",{});var Sc=h(Tt);Se=c(Sc,"ph\xEDa tr\xEAn"),Sc.forEach(e),Le=c(kn," c\xE1c th\xE0nh ph\u1EA7n \u0111\u1EA7u v\xE0o v\xE0 \u0111\u1EA7u ra."),kn.forEach(e),Me=g(y),ft=i(y,"LI",{});var rc=h(ft);Nt=i(rc,"CODE",{});var Lc=h(Nt);Pe=c(Lc,"description"),Lc.forEach(e),Re=c(rc,": b\u1EA1n c\xF3 th\u1EC3 \u0111\u01B0a ra m\xF4 t\u1EA3 (b\u1EB1ng v\u0103n b\u1EA3n, Markdown ho\u1EB7c HTML) cho giao di\u1EC7n, xu\u1EA5t hi\u1EC7n ph\xEDa tr\xEAn c\xE1c th\xE0nh ph\u1EA7n \u0111\u1EA7u v\xE0o v\xE0 \u0111\u1EA7u ra v\xE0 b\xEAn d\u01B0\u1EDBi ti\xEAu \u0111\u1EC1."),rc.forEach(e),De=g(y),F=i(y,"LI",{});var yn=h(F);Gt=i(yn,"CODE",{});var Mc=h(Gt);Ae=c(Mc,"article"),Mc.forEach(e),Oe=c(yn,": b\u1EA1n c\u0169ng c\xF3 th\u1EC3 vi\u1EBFt m\u1ED9t b\xE0i b\xE1o m\u1EDF r\u1ED9ng (b\u1EB1ng v\u0103n b\u1EA3n, Markdown ho\u1EB7c HTML) gi\u1EA3i th\xEDch v\u1EC1 giao di\u1EC7n. N\u1EBFu \u0111\u01B0\u1EE3c cung c\u1EA5p, n\xF3 s\u1EBD xu\u1EA5t hi\u1EC7n "),Ht=i(yn,"EM",{});var Pc=h(Ht);Te=c(Pc,"b\xEAn d\u01B0\u1EDBi"),Pc.forEach(e),Ne=c(yn," c\xE1c th\xE0nh ph\u1EA7n \u0111\u1EA7u v\xE0o v\xE0 \u0111\u1EA7u ra."),yn.forEach(e),Ge=g(y),d=i(y,"LI",{});var m=h(d);It=i(m,"CODE",{});var Rc=h(It);He=c(Rc,"theme"),Rc.forEach(e),Ie=c(m,": b\u1EA1n kh\xF4ng th\xEDch m\xE0u m\u1EB7c \u0111\u1ECBnh? \u0110\u1EB7t ch\u1EE7 \u0111\u1EC1 \u0111\u1EC3 s\u1EED d\u1EE5ng m\u1ED9t trong c\xE1c "),Bt=i(m,"CODE",{});var Dc=h(Bt);Be=c(Dc,"default"),Dc.forEach(e),Fe=c(m,", "),Ft=i(m,"CODE",{});var Ac=h(Ft);ze=c(Ac,"huggingface"),Ac.forEach(e),Ue=c(m,", "),zt=i(m,"CODE",{});var Oc=h(zt);Xe=c(Oc,"grass"),Oc.forEach(e),We=c(m,", "),Ut=i(m,"CODE",{});var Tc=h(Ut);Qe=c(Tc,"peach"),Tc.forEach(e),Ke=c(m,". B\u1EA1n c\u0169ng c\xF3 th\u1EC3 th\xEAm ti\u1EC1n t\u1ED1 "),Xt=i(m,"CODE",{});var Nc=h(Xt);Ve=c(Nc,"dark-"),Nc.forEach(e),Ye=c(m,", v\xED d\u1EE5: "),Wt=i(m,"CODE",{});var Gc=h(Wt);Je=c(Gc,"dark-peach"),Gc.forEach(e),Ze=c(m," cho ch\u1EE7 \u0111\u1EC1 t\u1ED1i (ho\u1EB7c ch\u1EC9 "),Qt=i(m,"CODE",{});var Hc=h(Qt);ta=c(Hc,"dark"),Hc.forEach(e),na=c(m," cho ch\u1EE7 \u0111\u1EC1 t\u1ED1i m\u1EB7c \u0111\u1ECBnh)."),m.forEach(e),ea=g(y),z=i(y,"LI",{});var _n=h(z);Kt=i(_n,"CODE",{});var Ic=h(Kt);aa=c(Ic,"examples"),Ic.forEach(e),ca=c(_n,": \u0111\u1EC3 l\xE0m cho b\u1EA3n demo c\u1EE7a b\u1EA1n "),Vt=i(_n,"EM",{});var Bc=h(Vt);oa=c(Bc,"d\u1EC5 s\u1EED d\u1EE5ng h\u01A1n"),Bc.forEach(e),ia=c(_n,", b\u1EA1n c\xF3 th\u1EC3 cung c\u1EA5p m\u1ED9t s\u1ED1 \u0111\u1EA7u v\xE0o v\xED d\u1EE5 cho h\xE0m. Ch\xFAng xu\u1EA5t hi\u1EC7n b\xEAn d\u01B0\u1EDBi c\xE1c th\xE0nh ph\u1EA7n giao di\u1EC7n ng\u01B0\u1EDDi d\xF9ng v\xE0 c\xF3 th\u1EC3 \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng \u0111\u1EC3 \u0111i\u1EC1n v\xE0o giao di\u1EC7n. Ch\xFAng ph\u1EA3i \u0111\u01B0\u1EE3c cung c\u1EA5p d\u01B0\u1EDBi d\u1EA1ng danh s\xE1ch l\u1ED3ng nhau, trong \u0111\xF3 danh s\xE1ch b\xEAn ngo\xE0i bao g\u1ED3m c\xE1c m\u1EABu v\xE0 m\u1ED7i danh s\xE1ch b\xEAn trong bao g\u1ED3m m\u1ED9t \u0111\u1EA7u v\xE0o t\u01B0\u01A1ng \u1EE9ng v\u1EDBi m\u1ED7i th\xE0nh ph\u1EA7n \u0111\u1EA7u v\xE0o."),_n.forEach(e),ha=g(y),U=i(y,"LI",{});var En=h(U);Yt=i(En,"CODE",{});var Fc=h(Yt);sa=c(Fc,"live"),Fc.forEach(e),la=c(En,": n\u1EBFu b\u1EA1n mu\u1ED1n l\xE0m cho b\u1EA3n demo c\u1EE7a m\xECnh \u201Cs\u1ED1ng \u0111\u1ED9ng\u201D, ngh\u0129a l\xE0 m\xF4 h\xECnh c\u1EE7a b\u1EA1n ch\u1EA1y l\u1EA1i m\u1ED7i khi \u0111\u1EA7u v\xE0o thay \u0111\u1ED5i, b\u1EA1n c\xF3 th\u1EC3 \u0111\u1EB7t "),Jt=i(En,"CODE",{});var zc=h(Jt);ra=c(zc,"live=True"),zc.forEach(e),pa=c(En,`. \u0110i\u1EC1u n\xE0y h\u1EE3p l\xFD khi s\u1EED d\u1EE5ng v\u1EDBi c\xE1c m\xF4 h\xECnh nhanh (ch\xFAng ta s\u1EBD xem m\u1ED9t v\xED d\u1EE5 \u1EDF cu\u1ED1i ph\u1EA7n n\xE0y)
S\u1EED d\u1EE5ng c\xE1c t\xF9y ch\u1ECDn \u1EDF tr\xEAn, ch\xFAng ta k\u1EBFt th\xFAc v\u1EDBi m\u1ED9t giao di\u1EC7n ho\xE0n ch\u1EC9nh h\u01A1n. Ch\u1EA1y \u0111o\u1EA1n m\xE3 d\u01B0\u1EDBi \u0111\xE2y \u0111\u1EC3 b\u1EA1n c\xF3 th\u1EC3 tr\xF2 chuy\u1EC7n v\u1EDBi Rick v\xE0 Morty:`),En.forEach(e),y.forEach(e),Pn=g(t),E(ot.$$.fragment,t),Rn=g(t),vt=i(t,"P",{});var Uc=h(vt);ga=c(Uc,"S\u1EED d\u1EE5ng c\xE1c t\xF9y ch\u1ECDn \u1EDF tr\xEAn, ch\xFAng ta k\u1EBFt th\xFAc v\u1EDBi m\u1ED9t giao di\u1EC7n ho\xE0n ch\u1EC9nh h\u01A1n. H\xE3y th\u1EED giao di\u1EC7n b\xEAn d\u01B0\u1EDBi:"),Uc.forEach(e),Dn=g(t),b=i(t,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),h(b).forEach(e),An=g(t),O=i(t,"H3",{class:!0});var oe=h(O);X=i(oe,"A",{id:!0,class:!0,href:!0});var Xc=h(X);Zt=i(Xc,"SPAN",{});var Wc=h(Zt);E(it.$$.fragment,Wc),Wc.forEach(e),Xc.forEach(e),da=g(oe),tn=i(oe,"SPAN",{});var Qc=h(tn);ma=c(Qc,"Chia s\u1EBB b\u1EA3n demo c\u1EE7a b\u1EA1n v\u1EDBi c\xE1c li\xEAn k\u1EBFt t\u1EA1m th\u1EDDi"),Qc.forEach(e),oe.forEach(e),On=g(t),C=i(t,"P",{});var wt=h(C);ua=c(wt,`B\xE2y gi\u1EDD ch\xFAng ta \u0111\xE3 c\xF3 b\u1EA3n demo ho\u1EA1t \u0111\u1ED9ng c\u1EE7a m\xF4 h\xECnh h\u1ECDc m\xE1y c\u1EE7a m\xECnh, h\xE3y t\xECm hi\u1EC3u c\xE1ch d\u1EC5 d\xE0ng chia s\u1EBB li\xEAn k\u1EBFt \u0111\u1EBFn giao di\u1EC7n c\u1EE7a ch\xFAng ta.
C\xE1c giao di\u1EC7n c\xF3 th\u1EC3 d\u1EC5 d\xE0ng \u0111\u01B0\u1EE3c chia s\u1EBB c\xF4ng khai b\u1EB1ng c\xE1ch \u0111\u1EB7t `),nn=i(wt,"CODE",{});var Kc=h(nn);ba=c(Kc,"share=True"),Kc.forEach(e),fa=c(wt," trong ph\u01B0\u01A1ng th\u1EE9c "),en=i(wt,"CODE",{});var Vc=h(en);va=c(Vc,"launch()"),Vc.forEach(e),ka=c(wt,":"),wt.forEach(e),Tn=g(t),E(ht.$$.fragment,t),Nn=g(t),W=i(t,"P",{});var ie=h(W);ya=c(ie,"\u0110i\u1EC1u n\xE0y t\u1EA1o ra m\u1ED9t li\xEAn k\u1EBFt c\xF4ng khai, c\xF3 th\u1EC3 chia s\u1EBB m\xE0 b\u1EA1n c\xF3 th\u1EC3 g\u1EEDi cho b\u1EA5t k\u1EF3 ai! Khi b\u1EA1n g\u1EEDi li\xEAn k\u1EBFt n\xE0y, ng\u01B0\u1EDDi d\xF9ng \u1EDF ph\xEDa b\xEAn kia c\xF3 th\u1EC3 d\xF9ng th\u1EED m\xF4 h\xECnh trong tr\xECnh duy\u1EC7t c\u1EE7a h\u1ECD trong t\u1ED1i \u0111a 72 gi\u1EDD. V\xEC qu\xE1 tr\xECnh x\u1EED l\xFD di\u1EC5n ra tr\xEAn thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n (mi\u1EC5n l\xE0 thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n v\u1EABn b\u1EADt!), B\u1EA1n kh\xF4ng ph\u1EA3i lo l\u1EAFng v\u1EC1 vi\u1EC7c \u0111\xF3ng g\xF3i b\u1EA5t k\u1EF3 th\u01B0 vi\u1EC7n ph\u1EE5 thu\u1ED9c n\xE0o. N\u1EBFu b\u1EA1n \u0111ang l\xE0m vi\u1EC7c v\u1EDBi notebook Google Colab, li\xEAn k\u1EBFt chia s\u1EBB lu\xF4n \u0111\u01B0\u1EE3c t\u1EA1o t\u1EF1 \u0111\u1ED9ng. N\xF3 th\u01B0\u1EDDng tr\xF4ng gi\u1ED1ng nh\u01B0 sau: "),an=i(ie,"STRONG",{});var Yc=h(an);_a=c(Yc,"XXXXX.gradio.app"),Yc.forEach(e),Ea=c(ie,". M\u1EB7c d\xF9 li\xEAn k\u1EBFt \u0111\u01B0\u1EE3c cung c\u1EA5p th\xF4ng qua li\xEAn k\u1EBFt Gradio, ta ch\u1EC9 l\xE0 m\u1ED9t proxy cho m\xE1y ch\u1EE7 c\u1EE5c b\u1ED9 c\u1EE7a m\xECnh v\xE0 kh\xF4ng l\u01B0u tr\u1EEF b\u1EA5t k\u1EF3 d\u1EEF li\u1EC7u n\xE0o \u0111\u01B0\u1EE3c g\u1EEDi qua c\xE1c giao di\u1EC7n."),ie.forEach(e),Gn=g(t),Q=i(t,"P",{});var he=h(Q);wa=c(he,"Tuy nhi\xEAn, h\xE3y nh\u1EDB r\u1EB1ng c\xE1c li\xEAn k\u1EBFt n\xE0y c\xF3 th\u1EC3 truy c\u1EADp c\xF4ng khai, c\xF3 ngh\u0129a l\xE0 b\u1EA5t k\u1EF3 ai c\u0169ng c\xF3 th\u1EC3 s\u1EED d\u1EE5ng m\xF4 h\xECnh c\u1EE7a b\u1EA1n \u0111\u1EC3 d\u1EF1 \u0111o\xE1n! Do \u0111\xF3, h\xE3y \u0111\u1EA3m b\u1EA3o kh\xF4ng \u0111\u1EC3 l\u1ED9 b\u1EA5t k\u1EF3 th\xF4ng tin nh\u1EA1y c\u1EA3m n\xE0o th\xF4ng qua c\xE1c h\xE0m b\u1EA1n vi\u1EBFt ho\u1EB7c cho ph\xE9p b\u1EA5t k\u1EF3 thay \u0111\u1ED5i quan tr\u1ECDng n\xE0o x\u1EA3y ra tr\xEAn thi\u1EBFt b\u1ECB c\u1EE7a b\u1EA1n. N\u1EBFu b\u1EA1n \u0111\u1EB7t "),cn=i(he,"CODE",{});var Jc=h(cn);$a=c(Jc,"share=False"),Jc.forEach(e),xa=c(he," (m\u1EB7c \u0111\u1ECBnh), ch\u1EC9 m\u1ED9t li\xEAn k\u1EBFt c\u1EE5c b\u1ED9 \u0111\u01B0\u1EE3c t\u1EA1o."),he.forEach(e),Hn=g(t),T=i(t,"H3",{class:!0});var se=h(T);K=i(se,"A",{id:!0,class:!0,href:!0});var Zc=h(K);on=i(Zc,"SPAN",{});var to=h(on);E(st.$$.fragment,to),to.forEach(e),Zc.forEach(e),qa=g(se),hn=i(se,"SPAN",{});var no=h(hn);ja=c(no,"L\u01B0u tr\u1EEF b\u1EA3n demo c\u1EE7a b\u1EA1n tr\xEAn Hugging Face Spaces"),no.forEach(e),se.forEach(e),In=g(t),kt=i(t,"P",{});var eo=h(kt);Ca=c(eo,"M\u1ED9t \u0111\u01B0\u1EDDng d\u1EABn li\xEAn k\u1EBFt m\xE0 b\u1EA1n c\xF3 th\u1EC3 chia s\u1EBB cho c\xE1c \u0111\u1ED3ng nghi\u1EC7p th\u1EADt tuy\u1EC7t, nh\u01B0ng l\xE0m th\u1EBF n\xE0o b\u1EA1n c\xF3 th\u1EC3 l\u01B0u tr\u1EEF v\u0129nh vi\u1EC5n b\u1EA3n demo c\u1EE7a m\xECnh v\xE0 \u0111\u1EC3 b\u1EA3n demo t\u1ED3n t\u1EA1i trong \u201Ckh\xF4ng gian\u201D ri\xEAng c\u1EE7a n\xF3 tr\xEAn internet?"),eo.forEach(e),Bn=g(t),v=i(t,"P",{});var J=h(v);Sa=c(J,"Hugging Face Space cung c\u1EA5p c\u01A1 s\u1EDF h\u1EA1 t\u1EA7ng \u0111\u1EC3 l\u01B0u tr\u1EEF v\u0129nh vi\u1EC5n m\xF4 h\xECnh Gradio c\u1EE7a b\u1EA1n tr\xEAn internet, "),sn=i(J,"STRONG",{});var ao=h(sn);La=c(ao,"mi\u1EC5n ph\xED"),ao.forEach(e),Ma=c(J,"! Spaces cho ph\xE9p b\u1EA1n t\u1EA1o v\xE0 \u0111\u1EA9y l\xEAn kho (c\xF4ng khai ho\u1EB7c ri\xEAng t\u01B0), n\u01A1i giao di\u1EC7n Gradio c\u1EE7a b\u1EA1n s\u1EBD t\u1ED3n t\u1EA1i trong t\u1EC7p "),ln=i(J,"CODE",{});var co=h(ln);Pa=c(co,"app.py"),co.forEach(e),Ra=c(J,". "),lt=i(J,"A",{href:!0,rel:!0});var oo=h(lt);Da=c(oo,"\u0110\u1ECDc h\u01B0\u1EDBng d\u1EABn t\u1EEBng b\u01B0\u1EDBc"),oo.forEach(e),Aa=c(J," \u0111\u1EC3 b\u1EAFt \u0111\u1EA7u ho\u1EB7c xem video v\xED d\u1EE5 b\xEAn d\u01B0\u1EDBi."),J.forEach(e),Fn=g(t),E(rt.$$.fragment,t),zn=g(t),N=i(t,"H2",{class:!0});var le=h(N);V=i(le,"A",{id:!0,class:!0,href:!0});var io=h(V);rn=i(io,"SPAN",{});var ho=h(rn);E(pt.$$.fragment,ho),ho.forEach(e),io.forEach(e),Oa=g(le),pn=i(le,"SPAN",{});var so=h(pn);Ta=c(so,"\u270F\uFE0F C\xF9ng \xE1p d\u1EE5ng nh\xE9!"),so.forEach(e),le.forEach(e),Un=g(t),S=i(t,"P",{});var $t=h(S);Na=c($t,"S\u1EED d\u1EE5ng nh\u1EEFng g\xEC ch\xFAng ta v\u1EEBa h\u1ECDc \u0111\u01B0\u1EE3c trong c\xE1c ph\u1EA7n cho \u0111\u1EBFn nay, h\xE3y t\u1EA1o b\u1EA3n demo nh\u1EADn d\u1EA1ng ph\xE1c th\u1EA3o m\xE0 ta \u0111\xE3 th\u1EA5y trong "),yt=i($t,"A",{href:!0});var lo=h(yt);Ga=c(lo,"ph\u1EA7n m\u1ED9t c\u1EE7a ch\u01B0\u01A1ng n\xE0y"),lo.forEach(e),Ha=c($t,". H\xE3y th\xEAm m\u1ED9t s\u1ED1 t\xF9y ch\u1EC9nh v\xE0o giao di\u1EC7n v\xE0 \u0111\u1EB7t "),gn=i($t,"CODE",{});var ro=h(gn);Ia=c(ro,"share=True"),ro.forEach(e),Ba=c($t," \u0111\u1EC3 t\u1EA1o m\u1ED9t li\xEAn k\u1EBFt c\xF4ng khai m\xE0 ta c\xF3 th\u1EC3 chia s\u1EBB."),$t.forEach(e),Xn=g(t),k=i(t,"P",{});var Z=h(k);Fa=c(Z,"Ch\xFAng ra c\xF3 th\u1EC3 t\u1EA3i c\xE1c nh\xE3n t\u1EEB "),gt=i(Z,"A",{href:!0,rel:!0});var po=h(gt);za=c(po,"class_names.txt"),po.forEach(e),Ua=c(Z," v\xE0 t\u1EA3i m\xF4 h\xECnh pytorch \u0111\u01B0\u1EE3c hu\u1EA5n luy\u1EC7n tr\u01B0\u1EDBc t\u1EEB [pytorch_model.bin] ("),dt=i(Z,"A",{href:!0,rel:!0});var go=h(dt);Xa=c(go,"https://huggingface.co/spaces/dawood/Sketch-Recognition/blob/main/pytorch_model.bin"),go.forEach(e),Wa=c(Z,"). T\u1EA3i xu\u1ED1ng c\xE1c t\u1EC7p n\xE0y b\u1EB1ng c\xE1ch nh\u1EA5p v\xE0o li\xEAn k\u1EBFt v\xE0 nh\u1EA5p v\xE0o t\u1EA3i xu\u1ED1ng \u1EDF g\xF3c tr\xEAn c\xF9ng b\xEAn tr\xE1i c\u1EE7a b\u1EA3n xem tr\u01B0\u1EDBc t\u1EC7p. H\xE3y xem \u0111o\u1EA1n m\xE3 b\xEAn d\u01B0\u1EDBi \u0111\u1EC3 bi\u1EBFt c\xE1ch ch\xFAng ta s\u1EED d\u1EE5ng c\xE1c t\u1EC7p n\xE0y \u0111\u1EC3 t\u1EA3i m\xF4 h\xECnh c\u1EE7a m\xECnh v\xE0 t\u1EA1o h\xE0m "),dn=i(Z,"CODE",{});var mo=h(dn);Qa=c(mo,"predict()"),mo.forEach(e),Ka=c(Z,":"),Z.forEach(e),Wn=g(t),E(mt.$$.fragment,t),Qn=g(t),Y=i(t,"P",{});var re=h(Y);Va=c(re,"Gi\u1EDD ta \u0111\xE3 c\xF3 h\xE0m "),mn=i(re,"CODE",{});var uo=h(mn);Ya=c(uo,"predict()"),uo.forEach(e),Ja=c(re,". B\u01B0\u1EDBc ti\u1EBFp theo l\xE0 \u0111\u1ECBnh ngh\u1EC9a v\xE0 kh\u1EDFi ch\u1EA1y giao di\u1EC7n gradio:"),re.forEach(e),Kn=g(t),E(ut.$$.fragment,t),Vn=g(t),f=i(t,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),h(f).forEach(e),Yn=g(t),L=i(t,"P",{});var xt=h(L);Za=c(xt,"L\u01B0u \xFD tham s\u1ED1 "),un=i(xt,"CODE",{});var bo=h(un);tc=c(bo,"live=True"),bo.forEach(e),nc=c(xt," trong "),bn=i(xt,"CODE",{});var fo=h(bn);ec=c(fo,"Interface"),fo.forEach(e),ac=c(xt,", c\xF3 ngh\u0129a l\xE0 b\u1EA3n demo ph\xE1c th\u1EA3o t\u1EA1o ra d\u1EF1 \u0111o\xE1n m\u1ED7i khi ai \u0111\xF3 v\u1EBD tr\xEAn sketchpad (kh\xF4ng c\xF3 n\xFAt g\u1EEDi!)."),xt.forEach(e),Jn=g(t),M=i(t,"P",{});var qt=h(M);cc=c(qt,"H\u01A1n n\u1EEFa, ch\xFAng ta c\u0169ng \u0111\u1EB7t tham s\u1ED1 "),fn=i(qt,"CODE",{});var vo=h(fn);oc=c(vo,"share=True"),vo.forEach(e),ic=c(qt," trong ph\u01B0\u01A1ng th\u1EE9c "),vn=i(qt,"CODE",{});var ko=h(vn);hc=c(ko,"launch()"),ko.forEach(e),sc=c(qt,`.
\u0110i\u1EC1u n\xE0y s\u1EBD t\u1EA1o ra m\u1ED9t li\xEAn k\u1EBFt c\xF4ng khai m\xE0 b\u1EA1n c\xF3 th\u1EC3
g\u1EEDi cho b\u1EA5t c\u1EE9 ai! Khi b\u1EA1n g\u1EEDi li\xEAn k\u1EBFt n\xE0y, ng\u01B0\u1EDDi d\xF9ng \u1EDF ph\xEDa b\xEAn kia c\xF3 th\u1EC3 th\u1EED m\xF4 h\xECnh nh\u1EADn d\u1EA1ng ph\xE1c th\u1EA3o. \u0110\u1EC3 nh\u1EAFc l\u1EA1i, b\u1EA1n c\u0169ng c\xF3 th\u1EC3 t\u1ED5 ch\u1EE9c m\xF4 h\xECnh tr\xEAn Hugging Face Spaces, \u0111\xF3 l\xE0 c\xE1ch ch\xFAng ta c\xF3 th\u1EC3 nh\xFAng b\u1EA3n demo \u1EDF tr\xEAn.`),qt.forEach(e),Zn=g(t),_t=i(t,"P",{});var yo=h(_t);lc=c(yo,"Ti\u1EBFp theo, ch\xFAng t\xF4i s\u1EBD \u0111\u1EC1 c\u1EADp \u0111\u1EBFn c\xE1c c\xE1ch kh\xE1c m\xE0 Gradio c\xF3 th\u1EC3 \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng v\u1EDBi h\u1EC7 sinh th\xE1i Hugging Face!"),yo.forEach(e),this.h()},h(){r(P,"name","hf:doc:metadata"),r(P,"content",JSON.stringify(Lo)),r(G,"id","chia-s-cc-bn-demo-vi-ngi-khc"),r(G,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),r(G,"href","#chia-s-cc-bn-demo-vi-ngi-khc"),r(R,"class","relative group"),r(H,"id","nh-bng-gradio-demo-ca-bn"),r(H,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),r(H,"href","#nh-bng-gradio-demo-ca-bn"),r(D,"class","relative group"),r(at,"class","block dark:hidden"),pe(at.src,gc="https://huggingface.co/datasets/huggingface-course/documentation-images/resolve/main/en/chapter9/gradio-demo-overview.png")||r(at,"src",gc),r(at,"alt","Overview of a gradio interface"),r(ct,"class","hidden dark:block"),pe(ct.src,dc="https://huggingface.co/datasets/huggingface-course/documentation-images/resolve/main/en/chapter9/gradio-demo-overview-dark.png")||r(ct,"src",dc),r(ct,"alt","Overview of a gradio interface"),r(A,"class","flex justify-center"),pe(b.src,mc="https://course-demos-Rick-and-Morty-QA.hf.space")||r(b,"src",mc),r(b,"frameborder","0"),r(b,"height","800"),r(b,"title","Gradio app"),r(b,"class","container p-0 flex-grow space-iframe"),r(b,"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"),r(b,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),r(X,"id","chia-s-bn-demo-ca-bn-vi-cc-lin-kt-tm-thi"),r(X,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),r(X,"href","#chia-s-bn-demo-ca-bn-vi-cc-lin-kt-tm-thi"),r(O,"class","relative group"),r(K,"id","lu-tr-bn-demo-ca-bn-trn-hugging-face-spaces"),r(K,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),r(K,"href","#lu-tr-bn-demo-ca-bn-trn-hugging-face-spaces"),r(T,"class","relative group"),r(lt,"href","https://huggingface.co/blog/gradio-spaces"),r(lt,"rel","nofollow"),r(V,"id","cng-p-dng-nh"),r(V,"class","header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full"),r(V,"href","#cng-p-dng-nh"),r(N,"class","relative group"),r(yt,"href","/course/chapter9/1"),r(gt,"href","https://huggingface.co/spaces/dawood/Sketch-Recognition/blob/main/class_names.txt"),r(gt,"rel","nofollow"),r(dt,"href","https://huggingface.co/spaces/dawood/Sketch-Recognition/blob/main/pytorch_model.bin"),r(dt,"rel","nofollow"),pe(f.src,uc="https://course-demos-Sketch-Recognition.hf.space")||r(f,"src",uc),r(f,"frameborder","0"),r(f,"height","650"),r(f,"title","Gradio app"),r(f,"class","container p-0 flex-grow space-iframe"),r(f,"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"),r(f,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads")},m(t,s){n(document.head,P),l(t,$n,s),l(t,R,s),n(R,G),n(G,jt),w(tt,jt,null),n(R,de),n(R,Ct),n(Ct,me),l(t,xn,s),w(nt,t,s),l(t,qn,s),l(t,j,s),n(j,ue),n(j,St),n(St,Lt),n(Lt,be),n(j,fe),n(j,Mt),n(Mt,Pt),n(Pt,ve),n(j,ke),l(t,jn,s),l(t,bt,s),n(bt,ye),l(t,Cn,s),l(t,D,s),n(D,H),n(H,Rt),w(et,Rt,null),n(D,_e),n(D,Dt),n(Dt,Ee),l(t,Sn,s),l(t,A,s),n(A,at),n(A,we),n(A,ct),l(t,Ln,s),l(t,I,s),n(I,$e),n(I,At),n(At,xe),n(I,qe),l(t,Mn,s),l(t,u,s),n(u,B),n(B,Ot),n(Ot,je),n(B,Ce),n(B,Tt),n(Tt,Se),n(B,Le),n(u,Me),n(u,ft),n(ft,Nt),n(Nt,Pe),n(ft,Re),n(u,De),n(u,F),n(F,Gt),n(Gt,Ae),n(F,Oe),n(F,Ht),n(Ht,Te),n(F,Ne),n(u,Ge),n(u,d),n(d,It),n(It,He),n(d,Ie),n(d,Bt),n(Bt,Be),n(d,Fe),n(d,Ft),n(Ft,ze),n(d,Ue),n(d,zt),n(zt,Xe),n(d,We),n(d,Ut),n(Ut,Qe),n(d,Ke),n(d,Xt),n(Xt,Ve),n(d,Ye),n(d,Wt),n(Wt,Je),n(d,Ze),n(d,Qt),n(Qt,ta),n(d,na),n(u,ea),n(u,z),n(z,Kt),n(Kt,aa),n(z,ca),n(z,Vt),n(Vt,oa),n(z,ia),n(u,ha),n(u,U),n(U,Yt),n(Yt,sa),n(U,la),n(U,Jt),n(Jt,ra),n(U,pa),l(t,Pn,s),w(ot,t,s),l(t,Rn,s),l(t,vt,s),n(vt,ga),l(t,Dn,s),l(t,b,s),l(t,An,s),l(t,O,s),n(O,X),n(X,Zt),w(it,Zt,null),n(O,da),n(O,tn),n(tn,ma),l(t,On,s),l(t,C,s),n(C,ua),n(C,nn),n(nn,ba),n(C,fa),n(C,en),n(en,va),n(C,ka),l(t,Tn,s),w(ht,t,s),l(t,Nn,s),l(t,W,s),n(W,ya),n(W,an),n(an,_a),n(W,Ea),l(t,Gn,s),l(t,Q,s),n(Q,wa),n(Q,cn),n(cn,$a),n(Q,xa),l(t,Hn,s),l(t,T,s),n(T,K),n(K,on),w(st,on,null),n(T,qa),n(T,hn),n(hn,ja),l(t,In,s),l(t,kt,s),n(kt,Ca),l(t,Bn,s),l(t,v,s),n(v,Sa),n(v,sn),n(sn,La),n(v,Ma),n(v,ln),n(ln,Pa),n(v,Ra),n(v,lt),n(lt,Da),n(v,Aa),l(t,Fn,s),w(rt,t,s),l(t,zn,s),l(t,N,s),n(N,V),n(V,rn),w(pt,rn,null),n(N,Oa),n(N,pn),n(pn,Ta),l(t,Un,s),l(t,S,s),n(S,Na),n(S,yt),n(yt,Ga),n(S,Ha),n(S,gn),n(gn,Ia),n(S,Ba),l(t,Xn,s),l(t,k,s),n(k,Fa),n(k,gt),n(gt,za),n(k,Ua),n(k,dt),n(dt,Xa),n(k,Wa),n(k,dn),n(dn,Qa),n(k,Ka),l(t,Wn,s),w(mt,t,s),l(t,Qn,s),l(t,Y,s),n(Y,Va),n(Y,mn),n(mn,Ya),n(Y,Ja),l(t,Kn,s),w(ut,t,s),l(t,Vn,s),l(t,f,s),l(t,Yn,s),l(t,L,s),n(L,Za),n(L,un),n(un,tc),n(L,nc),n(L,bn),n(bn,ec),n(L,ac),l(t,Jn,s),l(t,M,s),n(M,cc),n(M,fn),n(fn,oc),n(M,ic),n(M,vn),n(vn,hc),n(M,sc),l(t,Zn,s),l(t,_t,s),n(_t,lc),te=!0},p:xo,i(t){te||($(tt.$$.fragment,t),$(nt.$$.fragment,t),$(et.$$.fragment,t),$(ot.$$.fragment,t),$(it.$$.fragment,t),$(ht.$$.fragment,t),$(st.$$.fragment,t),$(rt.$$.fragment,t),$(pt.$$.fragment,t),$(mt.$$.fragment,t),$(ut.$$.fragment,t),te=!0)},o(t){x(tt.$$.fragment,t),x(nt.$$.fragment,t),x(et.$$.fragment,t),x(ot.$$.fragment,t),x(it.$$.fragment,t),x(ht.$$.fragment,t),x(st.$$.fragment,t),x(rt.$$.fragment,t),x(pt.$$.fragment,t),x(mt.$$.fragment,t),x(ut.$$.fragment,t),te=!1},d(t){e(P),t&&e($n),t&&e(R),q(tt),t&&e(xn),q(nt,t),t&&e(qn),t&&e(j),t&&e(jn),t&&e(bt),t&&e(Cn),t&&e(D),q(et),t&&e(Sn),t&&e(A),t&&e(Ln),t&&e(I),t&&e(Mn),t&&e(u),t&&e(Pn),q(ot,t),t&&e(Rn),t&&e(vt),t&&e(Dn),t&&e(b),t&&e(An),t&&e(O),q(it),t&&e(On),t&&e(C),t&&e(Tn),q(ht,t),t&&e(Nn),t&&e(W),t&&e(Gn),t&&e(Q),t&&e(Hn),t&&e(T),q(st),t&&e(In),t&&e(kt),t&&e(Bn),t&&e(v),t&&e(Fn),q(rt,t),t&&e(zn),t&&e(N),q(pt),t&&e(Un),t&&e(S),t&&e(Xn),t&&e(k),t&&e(Wn),q(mt,t),t&&e(Qn),t&&e(Y),t&&e(Kn),q(ut,t),t&&e(Vn),t&&e(f),t&&e(Yn),t&&e(L),t&&e(Jn),t&&e(M),t&&e(Zn),t&&e(_t)}}}const Lo={local:"chia-s-cc-bn-demo-vi-ngi-khc",sections:[{local:null,sections:[{local:"nh-bng-gradio-demo-ca-bn",title:"\u0110\xE1nh b\xF3ng Gradio demo c\u1EE7a b\u1EA1n:"},{local:"chia-s-bn-demo-ca-bn-vi-cc-lin-kt-tm-thi",title:"Chia s\u1EBB b\u1EA3n demo c\u1EE7a b\u1EA1n v\u1EDBi c\xE1c li\xEAn k\u1EBFt t\u1EA1m th\u1EDDi"},{local:"lu-tr-bn-demo-ca-bn-trn-hugging-face-spaces",title:"L\u01B0u tr\u1EEF b\u1EA3n demo c\u1EE7a b\u1EA1n tr\xEAn Hugging Face Spaces"}],title:null},{local:"cng-p-dng-nh",title:"\u270F\uFE0F C\xF9ng \xE1p d\u1EE5ng nh\xE9!"}],title:"Chia s\u1EBB c\xE1c b\u1EA3n demo v\u1EDBi ng\u01B0\u1EDDi kh\xE1c"};function Mo(pc){return qo(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class To extends _o{constructor(P){super();Eo(this,P,Mo,So,wo,{})}}export{To as default,Lo as metadata};
