# Week 0x02 - GradioDay2 (2025/03/22)
> [color=#8805bc][time=Sat Mar 22 2025 21:01:22]
> 簡報：[Python x Gradio Day 2](/3T2OepNuT7afltKFfAU0UQ)

[TOC]

## 共筆
- openai 新的 tts 模型
- demo：https://75cb2766ee406bd59b.gradio.live/
- OpenAI New TTS model，有趣的點在跟語言模型掛鉤了，語音合成的效果更自然 好許多
- notebooklm 現在能夠直接吃 YT 連結生成摘要(?)
- gradio
- 簡單複習上週內容，並稍微檢討講解速度和聽眾接受度
- 複雜的 layout 會用到 block
- 今天應該會講到更多 block 的部分
- python `with` 語法 (Page 4)
- 
- block 是從 `with` 開始的
- `with A as B:` -> A 狀態命名為 B
- gradio 內則是把元件照順序放入 block 中
- Event listener (事件監聽) 也可以在 block 內進行註冊
- 比如我需要當我按下按鈕時執行某個function $\rightarrow$ 監聽 `*按下按鈕*` 這個事件，事件觸發時，執行某function
- e.g., 點擊按鈕會觸發事件
- 
- Gradio有提供客製化元件（component）的方法
- 美化視覺呈現 比如放一個張家寧在上面
- 例如 number 可以設定預設值、最大值、最小值和每次調整的數量。
- *應該是直接寫在 html input 元件上面 :eyes:*
- Colab左邊的管理介面 - *File* 可以預覽下載的圖片(curl下載的檔案會在那裡)
- 
- 版面配置
- gr.Row()
- 包在裡面的會被從左到右擺放，其他則會預設由上到下擺放
- 放進同一個 row 的概念(?)
- > 可怕的css噩夢開始侵襲
- Radio & Checkbox
- radio 是單選的
- checkbox 是多選方塊
- group 則是一群的多選方塊
- e.g. 
- DIY Section: 溫度轉換 (Radio practice)
- 自己試著寫寫看唄，看不懂再請教ai
- 參考 [本日colab](https://colab.research.google.com/drive/1zOCkEO-rrN-AQNmslQZn4G27_zFvcMVQ)
- 用 radio 做單位切換
- 透過按鈕切換模式
- ~~夢迴大學程式設計~~
- 補充: 在註冊事件時加入 `show_progress="hidden"` 可以把 loading bar 藏起來
- example: `inn_temp.submit(conv_temp, [inn_temp, inn_unit, out_unit], out_temp, show_progress="hidden")`
- `minimal` 只會顯示數字
- DIY Section: 密碼產生器 (Checkbox practice)
- 選項可以透過 checkbox 選取是否要產生英文、數字、符號 ...etc
- 透過 checkbox 讓使用者自訂要使用的字串組合
- `string` 是一個套件 ~~我好混亂~~
- 預先定義好的character set，不用自己打老半天
- `random` 也是一個套件
- 在這當成 *隨機挑一個數字的工具*
- 延伸
- checkbox group (Advanced course)
- 比較有預設行為的checkbox, list丟進去以後可以用`type=index`，即可自動取得index。 接下來的程式可以快速的獲得index進行操作

## Useful tools

- AI 產生 web ui 還幫你 deploy
- https://bolt.new/
- https://v0.dev/
- hidereplier 要遷移了嗎

## 個人心得 & 聊天室

rime和我的肌肉記憶打架中

~~df 處理錄影中~~
應該好了？


~~我可能要拿一下我的外送，抱歉~~
:+1:
好好 還有外送
back