摘要：寫(xiě)在前面一個(gè)寫(xiě)硬件的開(kāi)發(fā)妹子在游戲直播平臺(tái)上直播寫(xiě)代碼了一年后的總結(jié)，這篇文章非常輕快和可愛(ài)，跟妹子的顏值一樣，讀來(lái)也很輕松閑適。我非常緊張，并且在直播前一晚我熬了一整夜來(lái)演練要直播的內(nèi)容。這也會(huì)讓直播質(zhì)量更進(jìn)一步。

寫(xiě)在前面：

一個(gè)寫(xiě)硬件的開(kāi)發(fā)妹子在 游戲直播平臺(tái) Twitch 上直播寫(xiě)代碼了一年后的總結(jié)，這篇文章非常輕快和可愛(ài)，跟妹子的顏值一樣，讀來(lái)也很輕松閑適。
決定翻譯這篇，也是和最近跟進(jìn)的講堂項(xiàng)目有關(guān)。在她總結(jié)的 尷尬 部分確實(shí)道出了 Live coding 最奇妙的地方。另一點(diǎn)妹子提出了一個(gè)觀點(diǎn)：做直播即是在創(chuàng)建一個(gè)社區(qū)，那么作為社區(qū)中心的 leader，就應(yīng)該為營(yíng)造社區(qū)自由交流互相溝通學(xué)習(xí)而努力。很是贊同。文中翻譯不知道有沒(méi)有傳達(dá)這個(gè)意思，那么就多帶帶將原文列出來(lái)當(dāng)作這篇譯文的重點(diǎn)劃出來(lái)一下吧：

Some folks love routine and it’s exactly like catching up with a friend. 
 You’re in a social circle with your community, so treat it that way.

原文地址 : Lessons from my first year of live coding on Twitch

By: Suz Hinton

譯文部分：

去年7月我第一次嘗試了直播。我并沒(méi)有像Twitch 上其它大多數(shù)人一樣進(jìn)行游戲直播，而是在利用業(yè)余時(shí)間直播我的一些開(kāi)源項(xiàng)目。我主要在寫(xiě)一些 NodeJS 硬件資源庫(kù)（大部分都是我自己的項(xiàng)目），同時(shí)我也是 Twitch 的NodeJS社區(qū)用戶，為啥不是在一個(gè)更小的社區(qū)比如 以JavaScript驅(qū)動(dòng)的硬件 :) (推測(cè)作者在這里應(yīng)該是在講笑話，不過(guò)沒(méi)get到點(diǎn)），所以我注冊(cè)了一個(gè)自己的頻道，從那之后就開(kāi)始定期直播了。

當(dāng)然我不是第一個(gè)這么做的人，Handmad Hero 是我了解到的直播寫(xiě)代碼的先行開(kāi)發(fā)者之一，很快被 Vlambeer 工作室的開(kāi)發(fā)者關(guān)注，這些開(kāi)發(fā)者也在 Twitch 上創(chuàng)建了開(kāi)發(fā) Nuclear Throne 游戲的直播，也因?yàn)槲乙卜浅Ｏ矚g Vlambeer 工作室的緣故。

真正讓我下決定開(kāi)直播的原因是我的好朋友 Nolan Lawson。我知道他每個(gè)周末都會(huì)直播總結(jié)他的開(kāi)源項(xiàng)目，他會(huì)以他自己的方式解釋他正在做的項(xiàng)目每一件事情：回復(fù) GitHub 上提交的issue，分類 bugs，在分支上調(diào)試等等，所有你可能想到的關(guān)于代碼的事情。我發(fā)現(xiàn)這樣直播的方式非常有趣—— Nolan 的開(kāi)源庫(kù)活躍度非常高且使用度也很廣。我的開(kāi)源生活和他的比起來(lái)差距就非常大了。

你甚至可以看見(jiàn)我在他的直播視頻下的這樣的留言：

大概一個(gè)星期后 我試了一次，設(shè)置完 Twitch 頻道之后我就開(kāi)始用 OBS 推流直播了。我記得我的直播內(nèi)容是 Avrgirl-Arduino 項(xiàng)目（現(xiàn)在推流時(shí)也經(jīng)常在使用這個(gè)項(xiàng)目）。那真的是一次艱難的直播。我非常緊張，并且在直播前一晚我熬了一整夜來(lái)演練要直播的內(nèi)容。

那場(chǎng) 周六的直播盡管只有幾個(gè)訪問(wèn)用戶量，依舊比較鼓舞人心，所以我堅(jiān)持下來(lái)了。而最近我也已有了超過(guò)一千個(gè)關(guān)注者，其中也有些看我直播的“?？汀?，我稱他們是我的 “noopkat 家人”。

我和觀眾們都感受到了直播的樂(lè)趣，我喜歡把直播編程的部分叫做「多人線上結(jié)對(duì)編程」。每個(gè)周末看到這些熱心又有趣的開(kāi)發(fā)者們加入我真的非常感動(dòng)。目前我遇到的最有趣的一次是一個(gè)開(kāi)發(fā)者指出我的 Arduino 板在我調(diào)試完軟件后并沒(méi)有起作用，其實(shí)是因?yàn)橛幸粔K芯片并沒(méi)有在板子上（估計(jì)當(dāng)時(shí)的場(chǎng)景是作者花了好長(zhǎng)時(shí)間調(diào)試問(wèn)題，無(wú)法插入視頻，附上截圖，和視頻鏈接）：

很多次推流中途我都“掉線”好幾次，主要是在查收 Github 上的請(qǐng)求，這些請(qǐng)求都是我在直播中提及但還沒(méi)來(lái)得及開(kāi)始開(kāi)發(fā)的需求問(wèn)題。我必須承認(rèn)，在 Twitch 社區(qū)中那些慷慨而又熱心的開(kāi)發(fā)者的幫助下，我的開(kāi)源項(xiàng)目已經(jīng)變得越來(lái)越完善了。

我還有許多話想表達(dá)在 Twitch 上直播的益處和樂(lè)處，但是也許就要另外開(kāi)一篇文章了 ;p 最重要的是我想分享我從直播中學(xué)習(xí)到的一些東西，這對(duì)任何想試試代碼直播的開(kāi)發(fā)者應(yīng)該會(huì)有幫助。最近我也收到一些開(kāi)發(fā)者們關(guān)于如何開(kāi)始直播的問(wèn)題，下文也是我針對(duì)這些問(wèn)題給出的一些建議和想法：

首先，給大家推薦 Twitch 在 reddit 上發(fā)表的一篇叫 在 Twitch 直播如何取得成就 的文章，非常有幫助。文章尤其針對(duì)了游戲直播，但是也有一些部分建議針對(duì)其他直播類型也很有參考價(jià)值。如果你正在考慮在 Twitch 上建頻道做直播并考慮更多的細(xì)節(jié)問(wèn)題（比如直播設(shè)備及軟件選擇等），在此之前我非常建議你讀一下這篇文章。

我個(gè)人的建議會(huì)在下文中提出，都是根據(jù)我個(gè)人的直播總結(jié)和那些聽(tīng)我碎碎念的經(jīng)驗(yàn)開(kāi)發(fā)者（你懂的！）們收集而來(lái)。

有很多免費(fèi)的推流軟件能進(jìn)行直播，我用的是 Open Broadcaster Softeware（OBS）.幾乎所有直播平臺(tái)都是適用。個(gè)人覺(jué)得它非常容易上手，但也有人覺(jué)得需要花些時(shí)間學(xué)習(xí)了解。下圖是我今天截取的OBS桌面（點(diǎn)擊查看大圖）：

在直播中可以通過(guò)切換「場(chǎng)景」來(lái)更改畫(huà)面。「場(chǎng)景」是一系列「來(lái)源」集合，可以彼此間重復(fù)引用和排序?！竵?lái)源」可以是攝像頭、麥克風(fēng)、你的電腦桌面、網(wǎng)頁(yè)、實(shí)時(shí)文本、照片等等。OBS 真的非常強(qiáng)大。
截圖的桌面場(chǎng)景就是我設(shè)置的所有代碼直播場(chǎng)景，在直播的大部分過(guò)程中基本上我推流的都是這個(gè)畫(huà)面。我用的是 iTerm 和 vim， 當(dāng)然也會(huì)切換到瀏覽器窗口，因?yàn)橛袝r(shí)候會(huì)查看一些文檔或者查看 Github 上一些狀態(tài)消息或者進(jìn)行操作等等。

右下方底部的黑色方形畫(huà)面是我的攝像頭，觀眾們可以在直播中看到我的操作，讓互動(dòng)更緊密。

我有一個(gè)自制“標(biāo)簽”用來(lái)標(biāo)識(shí)我的屏幕，主要在頂部作為banner給每個(gè)畫(huà)面加上狀態(tài)和信息（上述截圖頂部綠色banner）。這個(gè)banner比較有些個(gè)人化，但也是一個(gè)直播中有用的提示信息。這是一個(gè)我用 GIMP 制作的圖片，可以在 OBS 的選擇「來(lái)源」中以圖片來(lái)源導(dǎo)入到推流畫(huà)面中。有些標(biāo)簽是通過(guò)一些文本文件（例如在線用戶）導(dǎo)入的實(shí)時(shí)數(shù)據(jù)，有一些是我自制的直播參數(shù)顯示，主要展示了直播間目前的人氣（英文用到了溫度和濕度 這兩個(gè)詞，感覺(jué)作者比較可愛(ài)）。

在屏幕上我還有設(shè)置了一個(gè)“提醒”，當(dāng)有人關(guān)注或者贊賞了我的時(shí)候會(huì)出現(xiàn)一個(gè)很可愛(ài)的提醒banner，我使用了 Stream Labs 的 web 服務(wù)，將這些內(nèi)容作為瀏覽器網(wǎng)頁(yè)來(lái)源加入到 OBS 中，Stream Labs 同時(shí)也是將實(shí)時(shí)的在線用戶展現(xiàn)到我的banner上的工具。

同時(shí)，在快要開(kāi)播前，我還有個(gè)隨時(shí)待命的提醒：

同時(shí)，在直播中如果我需要輸入私密 token 或者 API keys 的時(shí)候也會(huì)需要一個(gè)轉(zhuǎn)場(chǎng)畫(huà)面。畫(huà)面此時(shí)會(huì)有一個(gè)小插畫(huà)，我的攝像頭依舊在右下角，這樣我就可以進(jìn)行調(diào)試了（見(jiàn)下圖）：

正如你所見(jiàn)，直播的時(shí)候我都不是太嚴(yán)肅，但我很樂(lè)意為觀看我直播的開(kāi)發(fā)者們做最萬(wàn)全的準(zhǔn)備。

現(xiàn)在給大家提一個(gè)真正的技巧：在保證 Twitch 要求的視頻尺寸分辨率的基礎(chǔ)上，我會(huì)用 OBS 來(lái)裁切掉我屏幕的底部及右邊緣的部分。這樣我自己的屏幕就有空間查看一些我自己的直播間信息（在線人數(shù)等等），以及能在右側(cè)看到我頻道中的聊天情況。 Twitch 針對(duì)聊天窗可以設(shè)置“彈出”功能新窗口查看，在直播過(guò)程中非常有幫助。

下圖是我的全屏桌面的樣子：?

幾個(gè)月前我開(kāi)始使用這個(gè)小技巧，而且也沒(méi)有看回放。我甚至都不確定觀眾是否意識(shí)到我這邊的屏幕其實(shí)跟他們看到的不一樣。我覺(jué)得他們可能理所當(dāng)然認(rèn)為我能看到所有東西——盡管事實(shí)上我都不知道在我敲代碼的時(shí)候他們都看到了什么！

（這里提到的應(yīng)該是產(chǎn)品層面上，講師端跟觀眾端看到的直播畫(huà)面不同的討論，妹紙說(shuō)話很可愛(ài)+1 ，以及提到twitch 的聊天窗口可以彈出確實(shí)是個(gè)很棒的小細(xì)節(jié)）

你可能好奇為什么我只用一個(gè)顯示器，因?yàn)閮蓚€(gè)顯示器對(duì)我而言要處理的內(nèi)容太多，直播過(guò)程中會(huì)覺(jué)得很干擾，所以還是堅(jiān)持只用了一個(gè)顯示器。

最開(kāi)始我都用的是比較便宜的硬件設(shè)備，在對(duì)直播越來(lái)越上心后開(kāi)始買(mǎi)一些好的設(shè)備。如果你也打算直播，剛開(kāi)始的時(shí)候可以直接利用身邊的基礎(chǔ)設(shè)備，比如你的筆記本電腦。

現(xiàn)在我用的是 Logitech Pro C920 攝像頭。一個(gè)藍(lán)牙 Yeti 麥克風(fēng) 和麥克風(fēng)支架。如果打算長(zhǎng)期投入下去，這些設(shè)備的花費(fèi)絕對(duì)是值得的。這也會(huì)讓直播質(zhì)量更進(jìn)一步。

我用的是 27 寸顯示器，因?yàn)樵谏衔奶岢鲞^(guò)我不太習(xí)慣雙屏幕，雙屏情況下我很可能因?yàn)閷Ｗ⒕幊潭┛戳肆奶煨畔??？赡苣愕牧?xí)慣和我的不一樣，但對(duì)我而言單屏幕會(huì)讓我更專注。

以上差不多是硬件方面的配置內(nèi)容了；并沒(méi)有太多復(fù)雜的設(shè)備配置。

下圖可以看出我的桌面比較正?！?除了左上角比較尷尬的麥克風(fēng)：

最后是我收集整理的一些小的技巧推薦給大家，這些技巧慢慢讓我的直播變更好也讓我更樂(lè)在其中。

花一些時(shí)間設(shè)置你的公告板。公告板是在每個(gè)人的頻道主頁(yè)底部的一個(gè)內(nèi)容區(qū)域。我把他們當(dāng)作 My Space 一樣的個(gè)人主頁(yè)信息模塊（LOL）。公告板里的內(nèi)容可以是聊天規(guī)范、你的直播信息、你是用的直播硬軟件設(shè)別、你最喜歡的貓品種（233333）；任何可以建立你的個(gè)人特點(diǎn)的信息，可以看看其他人的頻道公告板里的內(nèi)容（尤其是熱門(mén)的一些）作為參考！

我的一個(gè)公告板內(nèi)容參考：

聊天非常重要。在直播中不斷有人加入，你會(huì)不斷收到相同問(wèn)題。所以有一個(gè)“宏”聊天指令會(huì)非常有用?！澳悻F(xiàn)在在做什么？”是我在敲代碼的時(shí)候最常見(jiàn)的問(wèn)題。我有一個(gè)使用 NIghtbot 制作的聊天快捷鍵commands。通過(guò)輸入一些句子命令（例如 !whatamidoing), 它會(huì)直接把我提前輸入的內(nèi)容自動(dòng)發(fā)出來(lái)回復(fù)觀眾。

當(dāng)觀眾提問(wèn)或者稱贊你的時(shí)候，回應(yīng)它們！說(shuō)聲感謝，說(shuō)出它們的 Twitch 名稱，他們會(huì)很感謝受到關(guān)注以及獲得認(rèn)可。在剛開(kāi)始直播的時(shí)候會(huì)覺(jué)得非常困難，但隨著更多地練習(xí)你就會(huì)對(duì)這種多任務(wù)處理方式更得心應(yīng)手了。試著每過(guò)一段時(shí)間查看一下聊天窗口是否有新的消息。

在敲代碼的時(shí)候，記得說(shuō)出你現(xiàn)在在干什么。經(jīng)常說(shuō)。講講小笑話。當(dāng)我卡住了，我會(huì)說(shuō)：“噢早了，我忘記怎么用這個(gè)方法了 讓我 Google 一下哈哈哈哈”，觀眾們都會(huì)很耐心，有的時(shí)候他們會(huì)和你一起讀并幫助你解決出來(lái)。這非常有趣也很有參與感，也會(huì)讓觀眾樂(lè)于看下去。

如果直播的開(kāi)發(fā)者只是坐在那里安靜的敲代碼，忽略聊天和新觀眾的提醒，我會(huì)很快失去興趣。

99% 以上關(guān)注你的頻道的用戶都是友好和帶有好奇心的，但偶爾也會(huì)有些不友好的事情發(fā)生，但 Twitch 和 NIghtbot 提供的模塊化工具都能很好的緩解這種情況。

盡量自動(dòng)化你的設(shè)置內(nèi)容。我的終端是 iTerm，你可以保存你的窗口設(shè)置以及字號(hào)大小，這樣有利于隨時(shí)取用。我有個(gè)直播窗口配置和非直播窗口配置。這樣節(jié)省了很多時(shí)間。只需鍵入一條命令所有內(nèi)容都會(huì)被設(shè)置好。

還有其他的應(yīng)用也會(huì)自動(dòng)化你的窗口設(shè)置情況，也可以自己Google 一下找到適合你自己習(xí)慣的應(yīng)用。

確保你的終端和編輯器的字號(hào)足夠大，這樣觀眾才能看清楚。

讓你的直播安排常規(guī)化。我一周只直播一次，但是是在同一時(shí)間。要讓觀眾們提前知道如果你臨時(shí)有事而無(wú)法直播。這為我積累了常駐觀眾。有些人喜歡制定計(jì)劃，就像和老朋友約會(huì)聊天一樣。你是你建立的社區(qū)的社交中心，那么也要認(rèn)真對(duì)待社區(qū)的成員。

我本身也想進(jìn)行更多的直播，但因?yàn)槁吠镜膯?wèn)題我無(wú)法承諾比一周一次更多的頻率。我正在努力想在路上直播能給到更好質(zhì)量效果的辦法，或者只是隨意聊天到了常規(guī)周末直播時(shí)間再保存代碼。我還在思考當(dāng)中！

你剛開(kāi)始的時(shí)候會(huì)覺(jué)得有些奇怪。有人看著你敲代碼你會(huì)非常緊張。這很正常！在剛開(kāi)始我也會(huì)這樣感覺(jué)，盡管我還有在公開(kāi)場(chǎng)合演講的經(jīng)驗(yàn)。我感覺(jué)好像我無(wú)處可藏，這讓我覺(jué)得很可怕。我想，“大家肯定都會(huì)覺(jué)得我的代碼很爛，我是個(gè)水平低的開(kāi)發(fā)”。說(shuō)實(shí)話，這種思考模式自我進(jìn)入這個(gè)行業(yè)來(lái)就一直縈繞著我。我知道如果有了這個(gè)想法，在把代碼推到 GitHub 之前我是不會(huì)重構(gòu)代碼的，這也對(duì)我作為開(kāi)發(fā)者的聲譽(yù)有一些保障。

通過(guò)直播寫(xiě)代碼我逐漸了解到了自己的編程風(fēng)格。我了解到我絕對(duì)是那種“先把功能跑通，再讓代碼可讀，最后再考慮效率”的編程類型?，F(xiàn)在直播我已經(jīng)不再提前預(yù)演了（直播3到4次之后我就不再預(yù)演了），所以在 Twitch 上直播的時(shí)候我的代碼寫(xiě)的很“粗糙”，我也漸漸接受這個(gè)現(xiàn)狀。只有在不看聊天窗口而且不說(shuō)話只是想著代碼和思路的時(shí)候我的代碼才會(huì)寫(xiě)到好，這樣也沒(méi)關(guān)系。我忘記了我用了成千上萬(wàn)次的方法聲明、在幾乎每場(chǎng)直播中都會(huì)犯愚蠢的錯(cuò)誤?？偨Y(jié)為一句話，直播其實(shí)不是一個(gè)發(fā)揮你最佳狀態(tài)的編碼環(huán)境。

我的 Twitch 關(guān)注者從來(lái)不會(huì)以此來(lái)評(píng)判我，而且他們也會(huì)幫我很多忙。他們理解我正在多任務(wù)處理，會(huì)給出非常有用的意見(jiàn)和建議。有時(shí)候是他們把我從困境中解救出來(lái)，也有時(shí)候我也會(huì)向他們解釋為什么他們的提議沒(méi)有用。真的很像結(jié)對(duì)編程！

我認(rèn)為這種“毫不掩飾”的方式對(duì)直播而言是一個(gè)優(yōu)勢(shì)而不是缺點(diǎn)。它會(huì)讓你們更有互動(dòng)和關(guān)聯(lián)。向大家傳達(dá)沒(méi)有完美的開(kāi)發(fā)者和完美的代碼是非常重要的。對(duì)新手而言，這樣會(huì)更有激勵(lì)性；對(duì)像我一樣的經(jīng)驗(yàn)開(kāi)發(fā)者，也學(xué)會(huì)了謙遜和不斷學(xué)習(xí)的重要性。

如果你對(duì)在 Twitch 上直播寫(xiě)代碼蠢蠢欲動(dòng)，我鼓勵(lì)你試一試！希望這篇文章會(huì)對(duì)游移不定的你有一些幫助。

如果想在周日加入我，可以關(guān)注我在 Twitch 上的頻道 :)

最后想感謝 Mattias Johansson 的鼓勵(lì)，他的 FunFunFunction Youtube channel 也是我的直播靈感來(lái)源