---
# System prepended metadata

title: 操作流程圖
tags: [Jukebox]

---

操作流程圖
===
###### tags: `Jukebox`

```graphviz
digraph {
node [color=brown,fontname=Courier,shape=Mrecord]
edge [color=gray, style=dashed]
node[shape=Mrecord]
rankdir=TB

q1 [label="選擇要當 host 還是 customer"]

HomePage -> q1
q1 -> choose [label="customer"]
q1 -> create [label="host"] 

choose [label="選擇 room"]

room [label="{取得 room playlist | 取得公播資訊}"]
player [label="{取得 customer playlist |出現 player |搜尋欄位 |點歌、留言廣播}"]
customerLogin [label="customer Oauth"]

choose -> room
room -> customerLogin -> player

hostLogin [label="{host Oauth |取得host ID |設定 room name}"]
create [label="建立 room"]
create -> hostLogin -> roomPage

roomPage [label="{載入前一次資料如果有的話 |初始化 room 歌單 |出現 player}"]

}


```