Rplus / rplus.github.io

my blog~
http://rplus.github.io/
29 stars 4 forks source link

[POST] Live Coding 的幾個輔助方案 #39

Open Rplus opened 7 years ago

Rplus commented 7 years ago

1. 螢幕分享式的視訊直播

這應該是最近很常見到的 live coding 方式 平台有 Facebook, YouTube, …etc

分享範圍也有分全部桌面或是單一程式 因為有的主播習慣直接在線上 IDE 直接 coding 有的喜歡開自己慣用編輯器

只是要盡量能平鋪會用到的視窗,少狂切換放到全滿的視窗,不然觀眾會比較不好跟上 另外開全桌面的,就要留意一下中途會不會被其它軟體的通知干擾 XDD

螢幕分享有個不小的限制就是網路傳輸速度要夠 不管是主播或是觀眾, 所以有時網路較差時會容易 lag 或是畫質變差看不清 code

若擔心 code 會看不清楚時,可考慮搭配下列的方式來輔助~

2. Codepen professor mode

image

這是付費使用者的功能 專門針對教學呈現 主要比較特殊的功能是輸入區的指標跟 code 都會同步到觀看者的視窗裡 所以鄉民們可以很方便地看到目前在寫什麼 code 也可以跟前一種視訊的方式一起混合使用,看得到 code 又聽得到聲音 <3

這個模式也有小小的聊天室可以文字討論 不過限制是可容納的人數要看砸的錢夠不夠多 ( 而且最多也一百人而已~ XD

細節 & 介紹可以直接看 codepen 的 blog 文章 https://blog.codepen.io/documentation/pro-features/professor-mode/

3. jsbin + GhostText

image

這個有點雞肋的實驗方式有在今天 Happy CSSer 活動裡示範一下 XD 我是覺得玩法挺有趣的,不過一般或許不需要這麼麻煩~ 主要的點在於 jsbin 它預設就有即時同步的功能,而且免費的就有 而 GhostText 這款 extension 可以把網頁中的輸入區對映到(支援的)編輯器裡 能達到的功能就會變成:

搭配視訊,觀眾就能更清楚地看到程式碼 ( 不需要等主播存檔,觀眾再手動重整網頁

不過有個缺點就是 jsbin 有時會有些秀逗 ~"~


個人習慣:

我個人是習慣直接用免費也免軟體的 YouTube 開, 直接錄全部的桌面 ( 因為會開一些其它工具輔助寫 視窗切割大部份會切左邊程式、右邊網頁,不管 focus 在哪邊都看得到 有時有些參照用的小視窗會釘在最上層擺到角落上

而主要是錄起來當日後 review 用, 所以不會錄聲音跟大頭,更不會管有沒有人發問 XDD

另外我覺得能邊寫 code 邊講話的人都好厲害 要講話都感覺很難思考 XDDD 而且是邊寫邊 refactor 會很慢很拖,能慢慢看完的人應該不多 XDDD


推薦參考

可以看看 Ana Tudor 的直播~ 他一開始是習慣直接用 Codepen 的 professor mode https://www.youtube.com/watch?v=HMF95WUVCI8 ( 以前錄下來看的 XDD

這種方式,觀眾會比較少 ( 我其實也不曉得為啥

所以他後來就改成用 YouTube 直播了 而且也是直接混合用 Codepen professor mode 來直播 這樣觀眾可以直接看 code,YouTube 就放背景分頁,有聲音就好 XD https://www.youtube.com/watch?v=2glY-1Sn9gw

有聲音果然還是比較多人一點 雖然我覺得他的個性也不太管有沒有人看 (? XD