in experiments/babel/app/pages/chirphd_voices.py [0:0]
def chirphd_voices_page(app_state: me.state):
"""Chirp HD Voices page"""
state = me.state(PageState)
#app_state = me.state(app_state)
# with page_scaffold(): # pylint: disable=not-context-manager
# with page_frame(): # pylint: disable=not-context-manager
# print(f"{state.current_page}")
# with me.box(style=me.Style(flex_direction="row", display="flex")):
with me.box(style=CONTENT_STYLE):
me.text("Enter text to voice", type="headline-6")
me.text(
f"Using {len(app_state.voices)} Chirp 3: HD voices",
style=me.Style(font_style="italic"),
)
subtle_chat_input_journey()
if state.is_loading:
me.progress_spinner()
elif state.audio_output_metadata:
with me.box(
style=me.Style(display="grid", grid_template_columns="1fr 1fr")
):
# for uri in state.audio_output_infos:
# me.audio(src=uri)
sorted_metadata = sorted(
state.audio_output_metadata,
key=lambda voice: voice["language_code"],
)
for item in sorted_metadata:
#print(item)
audio_url = f"{BUCKET_PATH}/{item['audio_path']}"
#print(audio_url)
with me.box(
style=me.Style(
display="flex",
flex_direction="column",
gap=5,
padding=me.Padding(top=10, left=10, right=10, bottom=12),
)
):
me.text(
f"{item["language_code"]} ({item["gender"].lower()}, {item["voice_name"]})",
style=me.Style(font_weight="bold"),
)
me.audio(src=audio_url)
me.text(item["text"])