Upload folder using huggingface_hub

chat.py

@@ -5,9 +5,6 @@ import gradio as gr
 import codecs
 import base64
 import json
-import soundfile as sf
-from io import BytesIO
-import numpy as np
 
 def login(username, password):
 	users = json.loads(os.environ.get('users'))
@@ -64,10 +61,11 @@ def transcribe(file):
 def speak(history):
 	text = history[-1][1]
 	print("Assistant:", text)
-	speech = client.audio.speech.create(model="tts-1", voice="alloy", input=text)
-	data, sr = sf.read(BytesIO(speech.read()), dtype='int16')
-	return sr, data
-
+	speech = client.audio.speech.create(model="tts-1", voice="alloy", input=text).read()
+	audio = base64.b64encode(speech).decode("utf-8")
+	audio_element = f'<audio src="data:audio/mpeg;base64,{audio}"></audio>'
+	return audio_element  
+  
 def vote(data: gr.LikeData):
 	if data.liked:
 		print("You upvoted this response: " + data.value)
@@ -97,10 +95,10 @@ def main():
 			speech.click(None, js=toggle_js)
 			msg = gr.Textbox(label="Say something.", elem_id="textbox")
 			mic = gr.Microphone(type="filepath", format="mp3", editable=False, waveform_options={"show_controls": False}, visible=False, elem_id="recorder")
-			player = gr.Audio(editable=False,elem_id="player", visible=False)
+			player = gr.HTML(elem_id="player", visible=False)
 			msg.submit(user, [msg, mic, chatbot, thread], [msg, chatbot]).then(
 				bot, [chatbot, thread], chatbot).then(
-				speak, chatbot, player
+				speak, chatbot, player, js=play_js
 			)
 			mic.stop_recording(user, [msg, mic, chatbot, thread], [msg, chatbot]).then(
 				lambda:None, None, mic).then(

play.js

@@ -1,6 +1,12 @@
 function () {
 
 	function waitForElementToAppear(selector, callback) {
+		const element = document.querySelector(selector);
+		if (element) {
+			callback(element);
+			return;
+		}
+
 		const targetNode = document.body;
 		const config = { childList: true, subtree: true };
 	
@@ -11,13 +17,14 @@ function () {
 				callback(element);
 			}
 		});
-	
+
 		observer.observe(targetNode, config);
 	}
 
-	waitForElementToAppear("#player button.play-pause-button", (button) => {
-		alert("Play!");
-		button.click();
+	console.log("Start");		
+	waitForElementToAppear("#player audio", (button) => {
+		console.log("Play!");
+		button.play();
 	});
 
 }

requirements.txt

@@ -1,2 +1 @@
 openai
-soundfile