added bring your own key

app.py

@@ -3,12 +3,10 @@ import os
 import tempfile
 from openai import OpenAI
 
-# Set an environment variable for key
-os.environ['OPENAI_API_KEY'] = os.environ.get('OPENAI_API_KEY')
 
-client = OpenAI() # add api_key
+def tts(text, model, voice, api_key):
 
-def tts(text, model, voice):
+    client = OpenAI(api_key=api_key)
     response = client.audio.speech.create(
         model=model, #"tts-1","tts-1-hd"
         voice=voice, #'alloy', 'echo', 'fable', 'onyx', 'nova', 'shimmer'
@@ -28,11 +26,12 @@ def tts(text, model, voice):
 with gr.Blocks() as demo:
     gr.Markdown("# <center> OpenAI Text-To-Speech API with Gradio </center>")
     gr.HTML("You can also access the Streaming demo for OpenAI TTS by clicking this <a href='https://huggingface.co/spaces/ysharma/OpenAI_TTS_Streaming'>Gradio demo link</a>")
-    with gr.Row():
+    with gr.Row(variant='panel'):
+      api_key = gr.Textbox(type='password', label='OpenAI API Key', placeholder='Enter your API key to access the TTS demo')
       model = gr.Dropdown(choices=['tts-1','tts-1-hd'], label='Model', value='tts-1')
       voice = gr.Dropdown(choices=['alloy', 'echo', 'fable', 'onyx', 'nova', 'shimmer'], label='Voice Options', value='alloy')
 
-    text = gr.Textbox(label="Input text", placeholder="Input text and press the Text-To-Speech button or press Enter.")
+    text = gr.Textbox(label="Input text", placeholder="Enter your text and then click on the 'Text-To-Speech' button, or simply press the Enter key.")
     btn = gr.Button("Text-To-Speech")
     output_audio = gr.Audio(label="Speech Output")