

<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>教學 &#8211; Max的每一天</title>
	<atom:link href="https://max-everyday.com/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>https://max-everyday.com</link>
	<description>認真過每一天、快樂過每一天</description>
	<lastBuildDate>Sun, 29 Dec 2019 07:35:33 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>

<image>
	<url>https://max-everyday.com/wp-content/uploads/2020/02/ic_launcher_round_2020-003.png</url>
	<title>教學 &#8211; Max的每一天</title>
	<link>https://max-everyday.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Facebook 粉絲團直播，OBS教學</title>
		<link>https://max-everyday.com/2019/12/facebook-obs/</link>
					<comments>https://max-everyday.com/2019/12/facebook-obs/#respond</comments>
		
		<dc:creator><![CDATA[Max]]></dc:creator>
		<pubDate>Sat, 21 Dec 2019 02:53:55 +0000</pubDate>
				<category><![CDATA[生活小事]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[教學]]></category>
		<guid isPermaLink="false">https://max-everyday.com/?p=9880</guid>

					<description><![CDATA[發現使用手機在Facebook 裡直播畫質都沒有很好，只有 360p，研究一下如何在Facebook 裡進行高畫質的直播，比想像中的簡單，也可以透過 OBS 來完成簡單的 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>發現使用手機在Facebook 裡直播畫質都沒有很好，只有 360p，研究一下如何在Facebook 裡進行高畫質的直播，比想像中的簡單，也可以透過 OBS 來完成簡單的影片處理還有合成。</p>



<p>附上Max 的教學影片：<br><a href="https://youtu.be/kjjm-VFLGVM">https://youtu.be/kjjm-VFLGVM</a></p>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="gutenbee-responsive-embed"><iframe title="Facebook 粉絲團直播，OBS教學" width="885" height="498" src="https://www.youtube.com/embed/kjjm-VFLGVM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div></figure>



<p>影片分2個部份，1：環境設定、直播參數設定、熱鍵設定。2：分割視窗或子母視窗實作。</p>



<hr class="wp-block-separator"/>



<p>詳細的教學請參考：<br>How do I set up streaming software to work with Facebook?<br><a href="https://www.facebook.com/help/755943624557739">https://www.facebook.com/help/755943624557739</a></p>



<p><strong>步驟1：</strong>下載並安裝OBS（支援 Windows / Mac OS X / Linux 平台）<br><a href="https://obsproject.com/download">https://obsproject.com/download</a></p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="697" src="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.29.15.png" alt="" class="wp-image-9884" srcset="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.29.15.png?v=1576895064 1024w, https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.29.15-500x340.png?v=1576895064 500w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>附註：obs 改版的速度還滿快的，修正問題和新增功能很快，記得要在 OBS 裡勾選「Automatically check for updates on startup」（開啟程式時檢查更新）。</p>



<hr class="wp-block-separator"/>



<p><strong>步驟2：</strong>要有一個Facebook 粉絲團，點選上方選單的「Publishing Tools」，並點「Open Creator Studio」。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="522" src="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.03.27.jpg" alt="" class="wp-image-9885" srcset="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.03.27.jpg?v=1576895280 1024w, https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.03.27-500x255.jpg?v=1576895280 500w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator"/>



<p><strong>步驟3：</strong>「Create Post」- 「Go Live」</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="910" src="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.35.42.jpg" alt="" class="wp-image-9886" srcset="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.35.42.jpg?v=1576895506 1024w, https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.35.42-500x444.jpg?v=1576895506 500w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator"/>



<p><strong>步驟4：</strong>複制 Facebook 提供的 Stream key 到 OBS 的 Settings 裡。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="873" src="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.36.07.jpg" alt="" class="wp-image-9887" srcset="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.36.07.jpg?v=1576895923 1024w, https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.36.07-500x426.jpg?v=1576895923 500w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>如果不透過上圖的 Facebook「Connect」tool, 透過網頁版的「Camera」或 手機的Facebook「Pages Manager」只能到 360P。</p>



<p>有經費考量的話，每一台筆電（Windows/Mac/Linux平台）都可以做到高畫質 720P直播。網路上說：如果有Facebook的藍勾勾認證，可以上去 1080P 直播。</p>



<hr class="wp-block-separator"/>



<p><strong>步驟5：</strong>OBS &#8211;  「Settings」設定畫面，設定 Stream ，Service 切為 Facebook Live, 並貼上 Stream Key。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="826" src="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.54.30.jpg" alt="" class="wp-image-9888" srcset="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.54.30.jpg?v=1576895943 1024w, https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-20-at-06.54.30-500x403.jpg?v=1576895943 500w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator"/>



<p><strong>步驟6：</strong>新增或設定場景(Scenes)，新增 Scenes 裡的內容(Source)，完成後按下 「Start Streaming」就可以開始把畫面上傳到Facebook 的直播伺服器。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="939" src="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-21-at-10.35.57-1024x939.jpg?v=1576895961" alt="" class="wp-image-9889" srcset="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-21-at-10.35.57-1024x939.jpg?v=1576895961 1024w, https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-21-at-10.35.57-500x459.jpg?v=1576895961 500w, https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-21-at-10.35.57.jpg?v=1576895961 1026w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<hr class="wp-block-separator"/>



<p><strong>步驟7：</strong>Facebook 在收到OBS 上傳的視訊內容後，就可以看到預覽的結果，輸入好直播的標題和內容後，就可以按右下角的 Go Live 開始直播。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://max-everyday.com/wp-content/uploads/2019/12/vlcsnap-2019-12-21-10h40m15s343.jpg" alt="" class="wp-image-9890" srcset="https://max-everyday.com/wp-content/uploads/2019/12/vlcsnap-2019-12-21-10h40m15s343.jpg?v=1576896137 1024w, https://max-everyday.com/wp-content/uploads/2019/12/vlcsnap-2019-12-21-10h40m15s343-500x281.jpg?v=1576896137 500w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>點下 Go Live 世人就可以收看到我們的直播了。</p>



<hr class="wp-block-separator"/>



<p>結束直播，請先在「Facebook」點一次結束，並在「OBS」點一次 「Stop Streaming」。</p>



<hr class="wp-block-separator"/>



<h2 class="wp-block-heading">【如何把手機變成webcam】</h2>



<p>使用手機鏡頭連接電腦，並做為webcam使用，有以下兩種做法：</p>



<ul class="wp-block-list"><li>Wi-Fi 無線網路</li><li>USB 傳輸線</li></ul>



<p><strong>解法1：Wi-Fi 無線網路（Windows平台）</strong></p>



<ol class="wp-block-list"><li>手機下載並安裝 DroidCam Wireless Webcam<br><a href="https://play.google.com/store/apps/details?id=com.dev47apps.droidcam">https://play.google.com/store/apps/details?id=com.dev47apps.droidcam</a></li><li>電腦並安裝 DroidCam Client<br><a href="https://www.dev47apps.com/droidcam/windows/">https://www.dev47apps.com/droidcam/windows/</a></li><li>打開手機 DroidCam App，上面會有WiFi IP</li><li>打開電腦版客戶端 DroidCam Client，選擇WiFi圖示，空白處輸入手機上顯示的網域名稱。</li><li>按start，就完成了!</li></ol>



<p><strong>解法2：USB 傳輸線（Windows平台）</strong></p>



<ol class="wp-block-list"><li>手機下載並安裝 DroidCam Wireless Webcam<br><a href="https://play.google.com/store/apps/details?id=com.dev47apps.droidcam">https://play.google.com/store/apps/details?id=com.dev47apps.droidcam</a></li><li>將手機調成偵錯模式</li><li>電腦並安裝 DroidCam Client<br><a href="https://www.dev47apps.com/droidcam/windows/">https://www.dev47apps.com/droidcam/windows/</a></li><li>電腦下載驅動程式 UniversalAdbDriverSetup.msi 並安裝<br><a href="https://adb.clockworkmod.com/">https://adb.clockworkmod.com/</a></li><li>電腦重新開機。電腦開機後點開始，執行 「Start ADB server」的檔案. </li><li>用USB傳輸線連結手機與電腦，手機選擇PTP模式，如果手機如詢問是否同意偵錯模式，要選同意。</li><li>開啟電腦客戶端軟體，選擇usb圖示，按下start</li></ol>



<p><strong>解法3：Wi-Fi 無線網路+使用 OBS Browser（跨平台）</strong></p>



<ol class="wp-block-list"><li>手機下載並安裝 DroidCam Wireless Webcam<br><a href="https://play.google.com/store/apps/details?id=com.dev47apps.droidcam">https://play.google.com/store/apps/details?id=com.dev47apps.droidcam</a></li><li>在手機開啟 DroidCam</li><li>在OBS裡加入 Source 格式選擇 Browser，URL 裡輸入 http://手機的IP:4747/video</li></ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="832" height="714" src="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-21-at-11.38.14.jpg" alt="" class="wp-image-9894" srcset="https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-21-at-11.38.14.jpg?v=1576899905 832w, https://max-everyday.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-21-at-11.38.14-500x429.jpg?v=1576899905 500w" sizes="(max-width: 832px) 100vw, 832px" /></figure>



<p>雖然增加了 Width 和 Height，但DroidCam輸出的解析度略低，大約只有 640&#215;480。</p>



<p>把手機變成 WebCam 目前看起來是使用其他的硬體（USB HDMI 影像擷取卡），效果會比較好。</p>



<hr class="wp-block-separator"/>



<h4 class="wp-block-heading">相關文章：</h4>



<p>將手機畫面和音源傳送至電腦，利用 OBS 等軟體，達到更專業的手遊直播！<br><a href="https://blog.reh.tw/archives/1202">https://blog.reh.tw/archives/1202</a></p>



<p>利用 Win8、Win10 內建的「連線」應用程式，達到將手機畫面和音源傳送至電腦，電腦必須支援 Wi-Fi，因為要使用 Miracast 技術，Miracast 是由 Wi-Fi 聯盟於 2012 年所制定，以 Wi-Fi 直連 (Wi-Fi Direct) 為基礎的無線顯示標準。支援此標準的 3C 裝置可透過無線方式分享視訊畫面，例如手機可透過 Miracast 將影片或相片直接在電視或其他裝置播放而無需任何連接線，也不需透過無線熱點 (AP，Access Point)。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://max-everyday.com/2019/12/facebook-obs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
