2016年12月12日 星期一

fb的投票直播設定

http://tesa.today/article/1422
分為個人用,粉絲團
===============================================
STEP1.下載 安裝

A. OBS影片串流軟體
B. 程式碼編輯器(記事本也可以)
C. 下載壓縮檔
______________________________________________________

STEP2.
教學文
https://www.facebook.com/notes/picsee-
%E7%9A%AE%E5%85%8B%E7%9C%8B%E8%A6%8B/%E6%95%99%E5%AD%B810%E5%88%86%E9%90%
98%E5%AE%8C%E6%88%90%E4%BA%BA%E4%BA%BA%E9%83%BD%E8%83%BD%E5%9C%A8%E8%87%
AA%E5%B7%B1%E7%89%86%E4%B8%8A%E7%9B%B4%E6%92%AD%E8%AE%9A%E6%95%B8%E6%8A%95%E7%A5%A8/370224503316784

A. 進入http://tutou.tw/facebook-livestream-on-pc

B. 點擊   " 在Facebook進行現場直播 "

C. 選好你要發佈在哪,接著會跳出一個視窗,如果瀏覽器會擋請改成允許跳出視窗。

D. 複製 " URL " 及 " 串流金鑰 " , 貼在壓縮檔裡的“index.html”

E.  在OBS軟體的  設定 > 串流 > 貼上URL 及 串流金鑰

F.  點選 來源 “+”  > “BrowserSource ”  > 新建來源 > 確定,勾選" Local  file "  選擇壓縮檔裡的“index.html”,可調整寬高來呈現整個畫面

G.  OBS點擊 " 開始串流 "  >   FB視窗點選" 開始直播 "

H.  取得access_token   進入https://developers.facebook.com/tools/explorer/  點選 “get token” > “Get User Access Token”,勾選 “user_posts” > “Get User Access Token”

I.  複製Access_Token  貼到壓縮檔的" index.html "    var access_token = '  貼到這裡  '

J.  取得 postID : 找到正在直播那篇PO文,點貼文中的「時間」,貼文連結網址中videos後方的數字就是postID,貼到壓縮檔的" index.html "    var postID = '  貼到這裡  ';   存檔

K.  在OBS軟體的 來源下的齒輪icon  點擊確定

=============補充事項===============
不要使用ad block軟體,此功能會無法正常使用
壓縮檔裡的“index.html”如果用記事本開啟,存檔的副檔名請用.html
    <header>
        <img class="logo" src="img_class01.png" height="242" width="349"> <!-- logo圖檔   src="img_class01.png"  路徑放引號裡,圖片請上傳至壓縮檔資料夾內 -->
        <h1>RedMedia</h1> <!-- <h1>標題打在這裡</h1>  -->
    </header>

     以下程式碼是表情符號,選項的字也打在這裡<p>選項的內容</p>,要注意放的位置
    <div class="tc wf likes"><img class="emoji" src="emojis/like.png"><span class="counter"></span><p>R</p></div>
    <div class="tc wf happy"><img class="emoji" src="emojis/love.png"><span class="counter"></span><p>E</p></div>
    <div class="tc wf sad"><img class="emoji" src="emojis/sad.png"><span class="counter"></span><p>D</p></div>
    <div class="tc wf fml"><img class="emoji" src="emojis/haha.png"><span class="counter"></span><p>Media</p></div>
    <div class="tc wf angry"><img class="emoji" src="emojis/angry.png"><span class="counter"></span><p>網站</p></div>
    <div class="tc wf shock"><img class="emoji" src="emojis/shock.png"><span class="counter"></span><p>製作</p></div>

by Vicky

沒有留言:

張貼留言