Facebook直播也能投票 心情計數這樣玩!

Facebook直播也能投票 心情計數這樣玩!
Candice

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7_2016-11-15_%e4%b8%8b%e5%8d%8811_24_15
相信不少常在玩 FB 的朋友都知道 FB 為直播推出了讓觀眾按讚、喜歡等表情圖案功能吧?! 現在竟然還能將這些功能應用到直播畫面之中,儼然成為一種對直播內容的投票了呢!

然而這樣的功能要怎麼做呢?! 其實真的說簡單不簡單,說難,卻也沒那麼難。首先,你要略懂 CSS 或是 HTML 語法! (記住,這非常重要!就算不懂,也一定要或多或少看得懂那些語法的意思,至少才能知道要怎麼幫自己換圖!)

接下來,讓我們一步一步來。

Step 1.

準備好一個 index.html 檔案。 (本案例參考檔案: https://socialwall.me/en/capture-stream-in-real-time-facebook-live-reactions/ )

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-15-%e4%b8%8b%e5%8d%888-06-01


然後記得最重要的部分就是 Access TokenPost ID
Access Token 我們可以從 https://developers.facebook.com/tools/accesstoken/ 中登入取得。
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7_2016-11-15_%e4%b8%8b%e5%8d%887_57_41

 

Step 2.

打開 Facebook 想要直播的粉絲頁中,選擇 「發佈工具」>>>「影片庫」>>> 「+直播」
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7_2016-11-15_%e4%b8%8b%e5%8d%888_15_14

Step 3.

「串流金鑰」「影片標題」設定好。
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7_2016-11-15_%e4%b8%8b%e5%8d%888_16_16
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7_2016-11-15_%e4%b8%8b%e5%8d%888_17_24

Step 4.

下載 OBS (Open Broadcaster Software) 來進行電腦直播。
最右邊的「設置」>>> 「串流」>>> 將 「服務」改成「Facebook Live」>>> 「串流金鑰」填入上一步的金鑰。

%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-15-%e4%b8%8b%e5%8d%888-21-41

Step 5.

回到 OBS 主頁,來源選擇「 Browsersource」>>> 「新增」>>>「Local File」,將剛剛的 Index.html 放上去。
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-15-%e4%b8%8b%e5%8d%8811-32-33

Step 6.

按下 「開始串流」,就可以回到 Facebook 粉絲團剛剛的設定中看到預覽,確定好便能按下「開始直播」!
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-15-%e4%b8%8b%e5%8d%888-31-57
Step 7.

你以為就這樣結束了?! 不不不,最重要的來了!我們要如何將票選反應在直播頁面之中呢? 就是當我們直播開啟後,我們可以在我們的影片分享時看到那串連結 ,例如這邊是 https://www.facebook.com/isaydigi/videos/1241034012626194,而後面的 1241034012626194 就是這則的 Post ID。這時回去 index.html 中將這串數字貼到 Post ID 位置之上後,再重新儲存就大功告成囉!
%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7_2016-11-15_%e4%b8%8b%e5%8d%8811_12_44

或許有人會問這樣有什麼好玩的?! 其實背後的圖也可以換成影片或是你想要調查的文字,偶爾透過這樣的文字和投票也能讓粉絲團經營者更加了解自己有哪些需要改進或是自己粉絲們的想法,與粉絲有著更緊密的互動關係,這也是社群軟體最大的希望和目的呢!

[教學參考文章: https://socialwall.me/en/capture-stream-in-real-time-facebook-live-reactions/]









軟體快報
Candice

SayDigi.com iPhone 教學專欄作家; 3C生活,周邊小物編輯; 活動採訪編輯;
蘋果相關主題報導.
--
■作者:Candice
■主題:3C、生活、親子
■FB粉絲團:
https://www.facebook.com/MissCandice112
■連絡方式:candice9112@gmail.com

.
一起用好點子過好生活吧!