原创 CSS高級技巧:自動省略左側文本
難以置信! 瀏覽器和CSS規範居然支持自動省略左側的文本了。 通過 text-overflow: ellipsis, 搭配固定的 width 屬性, 以及overflow: hidden 樣式, 就可以實現這樣的功能; 能用CSS實現
2018-12-23 21:35:48
原创 WebRTC基礎實踐 - 9. 拍照並傳給對方
本節內容 在本節課程中, 我們將學習以下內容: 拍照並通過canvas元素獲取圖像數據。 給對面發送圖片。 本節的完整版代碼位於 step-06 文件夾中。 工作原理 前面的小節中, 我們使用 RTCDataChannel 來傳遞
2018-12-17 20:17:16
原创 WebRTC基礎實踐 - 10. 總結
我們創建了一個視頻聊天的APP, 同時支持傳輸文件以及其他數據! 內容回顧 在本教程中, 我們學習了以下內容: 獲取webcam攝像頭的視頻內容。 通過 RTCPeerConnection 傳輸視頻。 通過 RTCPeerConne
2018-12-17 20:17:16
原创 WebRTC基礎實踐 - 8. 集成對等通信和信令服務
本節內容 在本節課程中, 我們將學習以下內容: 在Node.js平臺, 通過Socket.IO來啓動信令服務。 用信令服務交換WebRTC客戶端之間的元數據(metadata)。 本節的完整版代碼位於 step-05 文件夾中。
2018-12-14 19:32:16
原创 WebRTC基礎實踐 - 7. 配置信令服務
本節內容 在本節課程中, 我們將學習以下內容: 通過 npm 安裝 package.json 文件中指定的項目依賴 運行Node.js服務器, 通過 node-static 提供靜態文件服務。 用Socket.IO創建消息傳遞服務
2018-12-01 00:09:00
原创 WebRTC基礎實踐 - 6. 通過RTCDataChannel傳輸數據
本節內容 WebRTC客戶端(peers)之間如何傳遞數據。 本節的完整版代碼位於 step-03 文件夾中。 修改HTML代碼 在本示例中, 使用WebRTC的數據通道(data channel), 將一個 textarea 的
2018-11-21 06:43:29
原创 WebRTC基礎實踐 - 5.通過RTCPeerConnection傳輸流媒體視頻
本節內容 在本節課程中, 我們將學習以下內容: 使用WebRTC兼容庫: adapter.js, 來抹平各瀏覽器間的差異。 通過 RTCPeerConnection API 傳輸流媒體視頻。 控制 media 的捕捉和傳輸。 本節
2018-11-14 07:07:08
原创 WebRTC基礎實踐 - 4. 獲取攝像頭的視頻流
本節內容 在本節課程中, 我們將學習以下知識點: 從攝像頭(webcam)獲取視頻流(video stream) 控制視頻內容的回顯 通過CSS和SVG處理視頻內容。 本節的完整版代碼位於 step-01 文件夾中。 HTML代碼
2018-11-12 23:29:09
原创 WebRTC基礎實踐 - 3. 獲取示例代碼
下載示例代碼 如果安裝有git工具, 直接用下面的腳本, 從GitHub克隆代碼即可: git clone https://github.com/googlecodelabs/webrtc-web.git 或者, 點擊鏈接下載 zi
2018-11-12 23:29:09
1
原创 WebRTC基礎實踐 - 2. WebRTC課程概述
本課程將逐步開發一個 WebRTC 應用, 通過網絡攝像頭來拍照、錄像、並將這些信息傳遞給另一方. 在此過程中, 我們將學習如何使用WebRTC的核心API, 還會通過 Node.js 來搭建一個消息服務器。 課程內容 從攝像頭獲取
2018-10-20 07:01:31
原创 WebRTC基礎實踐 - 1. WebRTC簡介
WebRTC 是一個開源的實時通信項目, 主要目標是對Web/原生App平臺上的語音、視頻、以及數據傳輸等實時通訊提供支持。 WebRTC 主要包括以下 JavaScript API(點擊鏈接可查看相關demo)。 getUserM
2018-10-15 06:27:18
原创 7. GC 調優(實戰篇) - GC參考手冊
本章介紹導致GC性能問題的典型情況。相關示例都來源於生產環境, 爲演示需要做了一定長度的精簡。 說明: Allocation Rate, 翻譯爲分配速率, 而不是分配率; 因爲不是百分比,而是單位時間內分配的量; 同理, Promot
2018-09-04 03:55:55
原创 OutOfMemoryError系列（6）: Out of swap space？
這是本系列的第六篇文章, 相關文章列表: OutOfMemoryError系列（1）: Java heap space OutOfMemoryError系列（2）: GC overhead limit exceeded OutOfMem
2018-09-04 03:55:55
原创 配置catalina.out的日誌格式
啓動 Tomcat 時, catalina.out 中輸出的日誌格式可能不太理想。 看看某些版本默認的格式: 四月 24, 2018 6:49:32 下午 org.apache.catalina.startup.Catalina star
2018-09-04 03:55:55
原创 Java-根據IP統計訪問次數
JSP根據IP統計訪問次數 本文簡要介紹如何實現一個IP訪問計數器。 爲了簡單, 使用 JSP 來實現, 但讀者需要明白, Java代碼可以在到處運行。 示例Demo頁面: http://www.cncounter.com/test/co
2018-09-04 03:55:55