import{s as je,a as Ue,n as be,o as ve}from"../chunks/scheduler.a045fce0.js";import{S as ge,i as Ie,e as i,s as a,c as B,h as Ce,a as r,d as t,b as n,f as re,g as x,j as u,k as m,l as $e,m as s,n as W,t as Z,o as G,p as _}from"../chunks/index.5135b896.js";import{C as Ae,H as Be,E as xe}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.f3c27615.js";import{C as ie}from"../chunks/CodeBlock.02980897.js";function We(oe){let p,z,k,E,c,H,M,S,d,ue='Maintenant que nous avons <em>finetuné</em> un Whisper pour le Dhivehi, construisons une démo <a href="https://gradio.app" rel="nofollow">Gradio</a> pour le présenter à la communauté !',R,y,pe='La première chose à faire est de charger le <em>checkpoint</em> en utilisant la classe <code>pipeline()</code> - vous êtes maintenant familier avec la section sur les <a href="asr_models">modèles pré-entraînés</a>. Vous pouvez changer le <code>model_id</code> pour l’espace de noms de votre modèle <em>finetuné</em> sur le Hugging Face Hub, ou l’un des <a href="https://huggingface.co/models?sort=downloads&amp;search=openai%2Fwhisper-" rel="nofollow">modèles Whisper</a> pré-entraînés pour effectuer de la reconnaissance vocale à partir de zéro :',V,w,Y,f,me=`Deuxièmement, nous allons définir une fonction qui prend le chemin du fichier d’une entrée audio et le passe à travers le pipeline.
Ici, le pipeline se charge automatiquement de charger le fichier audio, de le rééchantillonner à la bonne fréquence d’échantillonnage et d’exécuter l’inférence.
Nous pouvons alors simplement renvoyer le texte transcrit en tant que sortie de la fonction.
Pour s’assurer que notre modèle puisse gérer des entrées audio de longueur arbitraire, nous activons le <em>chunking</em> comme décrit dans la section sur les <a href="asr_models">modèles pré-entraînés</a> :`,Q,J,X,h,ce='Nous allons utiliser la fonctionnalité <a href="https://gradio.app/docs/#blocks" rel="nofollow">blocks</a> de Gradio pour lancer deux onglets sur notre démo : l’un pour la transcription par microphone et l’autre pour le chargement de fichiers.',N,T,L,j,Me="Enfin, nous lançons la démo en utilisant les deux blocs que nous venons de définir :",F,U,P,b,de="Ceci lancera une démo Gradio similaire à celle qui tourne sur le <em>Space</em> suivant :",D,o,ye,K,v,we="Si vous souhaitez héberger votre démo sur le <em>Hub</em>, vous pouvez utiliser ce <em>Space</em> comme exemple pour votre modèle <em>finetuné</em>.",O,g,fe='Cliquez sur le lien pour dupliquer le <em>Space</em> sur votre compte : <a href="https://huggingface.co/spaces/course-demos/whisper-small?duplicate=true" rel="nofollow">https://huggingface.co/spaces/course-demos/whisper-small?duplicate=true</a>.',ee,I,Je="Nous vous recommandons de donner à votre <em>Space</em> un nom similaire à celui de votre modèle <em>finetuné</em> (par exemple whisper-small-dv-demo) et de régler la visibilité sur <em>Public</em>.",le,C,he=`Une fois que vous avez dupliqué le <em>Space</em> sur votre compte, cliquez sur <em>Files and versions</em> -&gt; <em>app.py</em> -&gt; <em>edit</em>. Changez ensuite l’identifiant du modèle par le votre (ligne 6).
Descendez au bas de la page et cliquez sur <em>Commit changes to main</em>.
La démo redémarre, cette fois en utilisant votre modèle <em>finetuné</em>. Vous pouvez partager cette démo avec vos amis et votre famille afin qu’ils puissent utiliser le modèle que vous avez entraîné !`,te,$,Te='Alternativement, vous pouvez consulter notre tutoriel vidéo pour mieux comprendre comment dupliquer un <em>Space</em> : <a href="https://www.youtube.com/watch?v=VQYuvl6-9VE" rel="nofollow">vidéo YouTube</a>.',se,A,ae,q,ne;return c=new Ae({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),M=new Be({props:{title:"Construire une démo avec Gradio",local:"construire-une-démo-avec-gradio",headingTag:"h1"}}),w=new ie({props:{code:"ZnJvbSUyMHRyYW5zZm9ybWVycyUyMGltcG9ydCUyMHBpcGVsaW5lJTBBJTBBbW9kZWxfaWQlMjAlM0QlMjAoJTBBJTIwJTIwJTIwJTIwJTIyc2FuY2hpdC1nYW5kaGklMkZ3aGlzcGVyLXNtYWxsLWR2JTIyJTIwJTIwJTIzJTIwbWV0dHJlJTIwJUMzJUEwJTIwam91ciUyMGF2ZWMlMjBsJ2lkZW50aWZpYW50JTIwZGUlMjB2b3RyZSUyMG1vZCVDMyVBOGxlJTBBKSUwQXBpcGUlMjAlM0QlMjBwaXBlbGluZSglMjJhdXRvbWF0aWMtc3BlZWNoLXJlY29nbml0aW9uJTIyJTJDJTIwbW9kZWwlM0Rtb2RlbF9pZCk=",highlighted:`<span class="hljs-keyword">from</span> transformers <span class="hljs-keyword">import</span> pipeline

model_id = (
    <span class="hljs-string">&quot;sanchit-gandhi/whisper-small-dv&quot;</span>  <span class="hljs-comment"># mettre à jour avec l&#x27;identifiant de votre modèle</span>
)
pipe = pipeline(<span class="hljs-string">&quot;automatic-speech-recognition&quot;</span>, model=model_id)`,wrap:!1}}),J=new ie({props:{code:"ZGVmJTIwdHJhbnNjcmliZV9zcGVlY2goZmlsZXBhdGgpJTNBJTBBJTIwJTIwJTIwJTIwb3V0cHV0JTIwJTNEJTIwcGlwZSglMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBmaWxlcGF0aCUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMG1heF9uZXdfdG9rZW5zJTNEMjU2JTJDJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwZ2VuZXJhdGVfa3dhcmdzJTNEJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIydGFzayUyMiUzQSUyMCUyMnRyYW5zY3JpYmUlMjIlMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjJsYW5ndWFnZSUyMiUzQSUyMCUyMnNpbmhhbGVzZSUyMiUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCU3RCUyQyUyMCUyMCUyMyUyMG1ldHRyZSUyMCVDMyVBMCUyMGpvdXIlMjBhdmVjJTIwbGElMjBsYW5ndWUlMjBzdXIlMjBsYXF1ZWxsZSUyMHZvdXMlMjBhdmV6JTIwZmluZXR1biVDMyVBOSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNodW5rX2xlbmd0aF9zJTNEMzAlMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBiYXRjaF9zaXplJTNEOCUyQyUwQSUyMCUyMCUyMCUyMCklMEElMjAlMjAlMjAlMjByZXR1cm4lMjBvdXRwdXQlNUIlMjJ0ZXh0JTIyJTVE",highlighted:`<span class="hljs-keyword">def</span> <span class="hljs-title function_">transcribe_speech</span>(<span class="hljs-params">filepath</span>):
    output = pipe(
        filepath,
        max_new_tokens=<span class="hljs-number">256</span>,
        generate_kwargs={
            <span class="hljs-string">&quot;task&quot;</span>: <span class="hljs-string">&quot;transcribe&quot;</span>,
            <span class="hljs-string">&quot;language&quot;</span>: <span class="hljs-string">&quot;sinhalese&quot;</span>,
        },  <span class="hljs-comment"># mettre à jour avec la langue sur laquelle vous avez finetuné</span>
        chunk_length_s=<span class="hljs-number">30</span>,
        batch_size=<span class="hljs-number">8</span>,
    )
    <span class="hljs-keyword">return</span> output[<span class="hljs-string">&quot;text&quot;</span>]`,wrap:!1}}),T=new ie({props:{code:"aW1wb3J0JTIwZ3JhZGlvJTIwYXMlMjBnciUwQSUwQWRlbW8lMjAlM0QlMjBnci5CbG9ja3MoKSUwQSUwQW1pY190cmFuc2NyaWJlJTIwJTNEJTIwZ3IuSW50ZXJmYWNlKCUwQSUyMCUyMCUyMCUyMGZuJTNEdHJhbnNjcmliZV9zcGVlY2glMkMlMEElMjAlMjAlMjAlMjBpbnB1dHMlM0Rnci5BdWRpbyhzb3VyY2UlM0QlMjJtaWNyb3Bob25lJTIyJTJDJTIwdHlwZSUzRCUyMmZpbGVwYXRoJTIyKSUyQyUwQSUyMCUyMCUyMCUyMG91dHB1dHMlM0Rnci5vdXRwdXRzLlRleHRib3goKSUyQyUwQSklMEElMEFmaWxlX3RyYW5zY3JpYmUlMjAlM0QlMjBnci5JbnRlcmZhY2UoJTBBJTIwJTIwJTIwJTIwZm4lM0R0cmFuc2NyaWJlX3NwZWVjaCUyQyUwQSUyMCUyMCUyMCUyMGlucHV0cyUzRGdyLkF1ZGlvKHNvdXJjZSUzRCUyMnVwbG9hZCUyMiUyQyUyMHR5cGUlM0QlMjJmaWxlcGF0aCUyMiklMkMlMEElMjAlMjAlMjAlMjBvdXRwdXRzJTNEZ3Iub3V0cHV0cy5UZXh0Ym94KCklMkMlMEEp",highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr

demo = gr.Blocks()

mic_transcribe = gr.Interface(
    fn=transcribe_speech,
    inputs=gr.Audio(source=<span class="hljs-string">&quot;microphone&quot;</span>, <span class="hljs-built_in">type</span>=<span class="hljs-string">&quot;filepath&quot;</span>),
    outputs=gr.outputs.Textbox(),
)

file_transcribe = gr.Interface(
    fn=transcribe_speech,
    inputs=gr.Audio(source=<span class="hljs-string">&quot;upload&quot;</span>, <span class="hljs-built_in">type</span>=<span class="hljs-string">&quot;filepath&quot;</span>),
    outputs=gr.outputs.Textbox(),
)`,wrap:!1}}),U=new ie({props:{code:"d2l0aCUyMGRlbW8lM0ElMEElMjAlMjAlMjAlMjBnci5UYWJiZWRJbnRlcmZhY2UoJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTVCbWljX3RyYW5zY3JpYmUlMkMlMjBmaWxlX3RyYW5zY3JpYmUlNUQlMkMlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlNUIlMjJUcmFuc2NyaXJlJTIwbGUlMjBtaWNyb3Bob25lJTIyJTJDJTIwJTIyVHJhbnNjcmlyZSUyMGxlJTIwZmljaGllciUyMGF1ZGlvJTIyJTVEJTJDJTBBJTIwJTIwJTIwJTIwKSUwQSUwQWRlbW8ubGF1bmNoKGRlYnVnJTNEVHJ1ZSk=",highlighted:`<span class="hljs-keyword">with</span> demo:
    gr.TabbedInterface(
        [mic_transcribe, file_transcribe],
        [<span class="hljs-string">&quot;Transcrire le microphone&quot;</span>, <span class="hljs-string">&quot;Transcrire le fichier audio&quot;</span>],
    )

demo.launch(debug=<span class="hljs-literal">True</span>)`,wrap:!1}}),A=new xe({props:{source:"https://github.com/huggingface/audio-transformers-course/blob/main/chapters/fr/chapter5/demo.mdx"}}),{c(){p=i("meta"),z=a(),k=i("p"),E=a(),B(c.$$.fragment),H=a(),B(M.$$.fragment),S=a(),d=i("p"),d.innerHTML=ue,R=a(),y=i("p"),y.innerHTML=pe,V=a(),B(w.$$.fragment),Y=a(),f=i("p"),f.innerHTML=me,Q=a(),B(J.$$.fragment),X=a(),h=i("p"),h.innerHTML=ce,N=a(),B(T.$$.fragment),L=a(),j=i("p"),j.textContent=Me,F=a(),B(U.$$.fragment),P=a(),b=i("p"),b.innerHTML=de,D=a(),o=i("iframe"),K=a(),v=i("p"),v.innerHTML=we,O=a(),g=i("p"),g.innerHTML=fe,ee=a(),I=i("p"),I.innerHTML=Je,le=a(),C=i("p"),C.innerHTML=he,te=a(),$=i("p"),$.innerHTML=Te,se=a(),B(A.$$.fragment),ae=a(),q=i("p"),this.h()},l(e){const l=Ce("svelte-u9bgzb",document.head);p=r(l,"META",{name:!0,content:!0}),l.forEach(t),z=n(e),k=r(e,"P",{}),re(k).forEach(t),E=n(e),x(c.$$.fragment,e),H=n(e),x(M.$$.fragment,e),S=n(e),d=r(e,"P",{"data-svelte-h":!0}),u(d)!=="svelte-3vj4an"&&(d.innerHTML=ue),R=n(e),y=r(e,"P",{"data-svelte-h":!0}),u(y)!=="svelte-1swjh95"&&(y.innerHTML=pe),V=n(e),x(w.$$.fragment,e),Y=n(e),f=r(e,"P",{"data-svelte-h":!0}),u(f)!=="svelte-17leax0"&&(f.innerHTML=me),Q=n(e),x(J.$$.fragment,e),X=n(e),h=r(e,"P",{"data-svelte-h":!0}),u(h)!=="svelte-1skgnub"&&(h.innerHTML=ce),N=n(e),x(T.$$.fragment,e),L=n(e),j=r(e,"P",{"data-svelte-h":!0}),u(j)!=="svelte-1oa63bd"&&(j.textContent=Me),F=n(e),x(U.$$.fragment,e),P=n(e),b=r(e,"P",{"data-svelte-h":!0}),u(b)!=="svelte-1o5kz61"&&(b.innerHTML=de),D=n(e),o=r(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),re(o).forEach(t),K=n(e),v=r(e,"P",{"data-svelte-h":!0}),u(v)!=="svelte-11ioetq"&&(v.innerHTML=we),O=n(e),g=r(e,"P",{"data-svelte-h":!0}),u(g)!=="svelte-eu4ou"&&(g.innerHTML=fe),ee=n(e),I=r(e,"P",{"data-svelte-h":!0}),u(I)!=="svelte-ox0a2u"&&(I.innerHTML=Je),le=n(e),C=r(e,"P",{"data-svelte-h":!0}),u(C)!=="svelte-dr3tfd"&&(C.innerHTML=he),te=n(e),$=r(e,"P",{"data-svelte-h":!0}),u($)!=="svelte-nuk57"&&($.innerHTML=Te),se=n(e),x(A.$$.fragment,e),ae=n(e),q=r(e,"P",{}),re(q).forEach(t),this.h()},h(){m(p,"name","hf:doc:metadata"),m(p,"content",Ze),Ue(o.src,ye="https://course-demos-whisper-small.hf. space")||m(o,"src",ye),m(o,"frameborder","0"),m(o,"height","450"),m(o,"title","Gradio app"),m(o,"class","container p-0 flex-grow space-iframe"),m(o,"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"),m(o,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads")},m(e,l){$e(document.head,p),s(e,z,l),s(e,k,l),s(e,E,l),W(c,e,l),s(e,H,l),W(M,e,l),s(e,S,l),s(e,d,l),s(e,R,l),s(e,y,l),s(e,V,l),W(w,e,l),s(e,Y,l),s(e,f,l),s(e,Q,l),W(J,e,l),s(e,X,l),s(e,h,l),s(e,N,l),W(T,e,l),s(e,L,l),s(e,j,l),s(e,F,l),W(U,e,l),s(e,P,l),s(e,b,l),s(e,D,l),s(e,o,l),s(e,K,l),s(e,v,l),s(e,O,l),s(e,g,l),s(e,ee,l),s(e,I,l),s(e,le,l),s(e,C,l),s(e,te,l),s(e,$,l),s(e,se,l),W(A,e,l),s(e,ae,l),s(e,q,l),ne=!0},p:be,i(e){ne||(Z(c.$$.fragment,e),Z(M.$$.fragment,e),Z(w.$$.fragment,e),Z(J.$$.fragment,e),Z(T.$$.fragment,e),Z(U.$$.fragment,e),Z(A.$$.fragment,e),ne=!0)},o(e){G(c.$$.fragment,e),G(M.$$.fragment,e),G(w.$$.fragment,e),G(J.$$.fragment,e),G(T.$$.fragment,e),G(U.$$.fragment,e),G(A.$$.fragment,e),ne=!1},d(e){e&&(t(z),t(k),t(E),t(H),t(S),t(d),t(R),t(y),t(V),t(Y),t(f),t(Q),t(X),t(h),t(N),t(L),t(j),t(F),t(P),t(b),t(D),t(o),t(K),t(v),t(O),t(g),t(ee),t(I),t(le),t(C),t(te),t($),t(se),t(ae),t(q)),t(p),_(c,e),_(M,e),_(w,e),_(J,e),_(T,e),_(U,e),_(A,e)}}}const Ze='{"title":"Construire une démo avec Gradio","local":"construire-une-démo-avec-gradio","sections":[],"depth":1}';function Ge(oe){return ve(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class Ee extends ge{constructor(p){super(),Ie(this,p,Ge,We,je,{})}}export{Ee as component};
