Update app.py

app.py

@@ -9,7 +9,7 @@ import os
 
 #from diffusers import StableDiffusionPipeline
 
-whisper = gr.Blocks.load(name="spaces/sanchit-gandhi/whisper-large-v2")
+whisper = gr.Interface.load(name="spaces/sanchit-gandhi/whisper-large-v2")
 stable_diffusion = gr.Blocks.load(name="spaces/runwayml/stable-diffusion-v1-5")
 ### ————————————————————————————————————————
 
@@ -126,163 +126,7 @@ def translate_better(audio):
 #        tr_flag = flag.flag(transcription.language)    
 #    return tr_flag, transcription.text, translation.text
 
-### ————————————————————————————————————————
 
-css = """
-        .container {
-            max-width: 780px;
-            margin: auto;
-            padding-top: 1.5rem;
-        }
-        a {
-            text-decoration: underline;
-        }
-        h1 {
-            font-weight: 900; 
-            margin-bottom: 7px;
-            text-align: center;
-            font-size: 2em;
-            margin-bottom: 1em;
-        }
-        #w2sd_container{
-            margin-top: 20px;
-        }
-        .footer {
-            margin-bottom: 45px;
-            margin-top: 35px;
-            text-align: center;
-            border-bottom: 1px solid #e5e5e5;
-        }
-        .footer>p {
-            font-size: .8rem;
-            display: inline-block;
-            padding: 0 10px;
-            transform: translateY(10px);
-            background: white;
-        }
-        .dark .footer {
-            border-color: #303030;
-        }
-        .dark .footer>p {
-            background: #0b0f19;
-        }
-        .tabitem {
-            border-bottom-left-radius: 10px;
-            border-bottom-right-radius: 10px;
-        }
-        #record_tab, #upload_tab {
-            font-size: 1.2em;
-        }
-        #record_btn{
-            
-        }
-        #record_btn > div > button > span {
-            width: 2.375rem;
-            height: 2.375rem;
-        }
-        #record_btn > div > button > span > span {
-            width: 2.375rem;
-            height: 2.375rem;
-        }
-        audio {
-            margin-bottom: 10px;
-        }
-        div#record_btn > .mt-6{
-            margin-top: 0!important;
-        }
-        div#record_btn > .mt-6 button {
-            font-size: 2em;
-            width: 100%;
-            padding: 20px;
-            height: 160px;
-        }
-        div#upload_area {
-            height: 11.1rem;
-        }
-        div#upload_area > div.w-full > div {
-            min-height: 9rem;
-        }
-        #check_btn_1, #check_btn_2{
-            color: #fff;
-            --tw-gradient-from: #4caf50;
-            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-            --tw-gradient-to: #4caf50;
-            border-color: #8bc34a;
-        }
-        #magic_btn_1, #magic_btn_2{
-            color: #fff;
-            --tw-gradient-from: #f44336;
-            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-            --tw-gradient-to: #ff9800;
-            border-color: #ff9800;
-        }
-        input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-            -webkit-appearance: none;
-        }
-        input[type=number] {
-            -moz-appearance: textfield;
-        }
-        input[type=range] {
-            -webkit-appearance: none;
-            cursor: pointer;
-            height: 1px;
-            background: currentColor;
-        }
-        input[type=range]::-webkit-slider-thumb {
-            -webkit-appearance: none;
-            width: 0.5em;
-            height: 1.2em;
-            border-radius: 10px;
-            background: currentColor;
-        }
-        input[type=range]::-moz-range-thumb{
-            width: 0.5em;
-            height: 1.2em;
-            border-radius: 10px;
-            background: currentColor;
-        }
-        div#spoken_lang textarea {
-            font-size: 4em;
-            line-height: 1em;
-            text-align: center;
-        }
-        div#transcripted {
-            flex: 4;
-        }
-        div#translated textarea {
-            font-size: 1.5em;
-            line-height: 1.25em;
-        }
-        #sd_settings {
-            margin-bottom: 20px;
-        }
-        #diffuse_btn {
-            color: #fff;
-            font-size: 1em;
-            margin-bottom: 20px;
-            --tw-gradient-from: #4caf50;
-            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-            --tw-gradient-to: #4caf50;
-            border-color: #8bc34a;
-        }
-        #notice {
-            padding: 20px 14px 10px;
-            display: flex;
-            align-content: space-evenly;
-            gap: 20px;
-            line-height: 1em;
-            font-size: .8em;
-            border: 1px solid #374151;
-            border-radius: 10px;
-        }
-        #about {
-            padding: 20px;
-        }
-        #notice > div {
-            flex: 1;
-        }
-        
-"""   
 
 ### ————————————————————————————————————————