WebRTC 入門教學(二):以 RTCPeerConnection 建立 Peer-to-peer 連線

上一篇文章中我們已經可以使用 MediaStream 擷取本地端的多媒體串流,現在我們要利用 RTCPeerConnection 建立連線,準備將串流傳送出去。 ICE 架構 在建立連線之前,我們要先討論一下,peer-to-peer 連線建立上的問題,理論上來說只要電腦都有連上網路,就可以透過網路建立一條連線直接溝通,不過很多時候因為 NAT 或是防火牆等問題,會讓您無法直接建立這樣的連線,這時候可以使用 ICE 的架構來幫助我們建立一個 peer-to-peer 的連線。 ...

September 17, 2014 · G. T. Wang

使用 CSS 的 ::before 自訂 HTML Ordered Lists 的編號樣式

這裡介紹如何使用 CSS 的 ::before selector 自訂 HTML ordered lists(ol)的編號樣式。 一般 HTML 的 ordered lists(ol)呈現的效果是這樣: 這是第一個項目 這是第二個項目 這是第三個項目 這是第四個項目 這是第五個項目 我們這裡介紹如何使用 CSS 自訂每一個項目的編號: ...

September 16, 2014 · G. T. Wang

Composer:PHP 專用的套件相依性管理程式

Composer 是一個 PHP 專用的套件相依性管理程式,它可以依照套件相依性的設定檔,自動下載與安裝或升級各種 PHP 套件。 安裝 Composer Linux 與 Mac OS X 如果是在 Linux 或是 Mac OS X 中,可以使用簡單的指令來將 Composer 安裝在自己的目錄中: ...

September 10, 2014 · G. T. Wang

Timesheet.js:在網頁上繪製甘特圖(Gantt Plot)的 JavaScript 工具

這裡介紹一個可以在網頁上繪製甘特圖(Gantt Plot)的 JavaScript 工具,畫面簡潔,使用上也很簡單。 甘特圖是一種用來顯示專案進度或是其他時間相關資訊的條狀圖,一般的專案管理軟體(例如 Microsoft Project 或 Mr. Project)也都可以繪製這樣的圖形。 ...

August 28, 2014 · G. T. Wang

rabbit.js:在 Node.JS 中使用 RabbitMQ 實作訊息佇列(Message Queue)

rabbit.js 是一個專門為 RabbitMQ 所設計的 JavaScript API 函式庫,可以讓你在 Node.js 中很輕鬆的實作各種類型的訊息佇列(Message Queue)。 rabbit.js 以 amqplib 為基礎,將原本複雜的設定又再簡化,讓一般性的使用者更方便,如果是使用一般常見的模式(pattern),只要幾行程式碼就可以運作了。 ...

May 30, 2014 · G. T. Wang