投個給我我看看 讓用戶使用 line 發送訊息、圖片,會自動投放到大螢幕上以文字彈幕、圖片輪播的模式投放~~ 分成兩個部分,
- 一個是後端的 line bot server 負責收到來自 line 的通知,並將訊息發送到 firebase
- 另一個是前端的畫面,也就是投放給大家們看的! 他負責監聽 firebase 每當有新的訊息就將他以彈幕的方式渲染出來
準備好 Line Bot,並將你的 bot service web hook 掛上去
�# 入口在 main.py
python -m venv venv
source venv/bin/activate
# check that you already filled .env file
source .env
pip install -r requirements.txt
python main.py
準備好 Firebase Firestore 前後端的實時推播就靠它
�# 入口在 web/src/App.tsx
npm install
yarn start
- 隨機文字顏色
- 彈幕樣式設計
- 彈幕數量以及顯示規則
- 收到圖片的情況還沒做,需要一個輪播排程設計輪播順序以未播放優先
- 進入房間後從 Header 中取得 line access key,這才能得到權限讀取聊天室訊息 (圖片)
- Line UI 選取
我要留言
/上傳圖片
,增加互動感不然我怕用戶不知道自己在幹嘛 - 對每個 line user id 設定狀態,先輸入
我要留言
再輸入文字 - 對每個 line user id 設定狀態,設定 Rate Limit 限制頻繁發言
- 文字長度限制 (Maybe 25 個中文字) ex: 超過 25 字上限,你有 xx 字
- 先發 "我要留言" 然後 "你好你好我很可愛"
- (後面再說) 我希望後端可以收
/new
來開新房間,bot 會回覆房間的網址給你 - (後面再說) 呈上,網址是由後端做 Redirect with Header: X-Line-Access-Key
- (後面再說) 壓力測試一下