原创 WebRTC音視頻數據採集 六、第七節 從視頻中獲取圖片
今天我們講一下從視頻中獲取圖片，比如我們正在直播的視頻，從中獲取某一幀的視頻幀。 如果我們共享桌面，我們也可以截取桌面的圖像，我們還可以對這些圖像進行一些編輯，這些都是後續的 功能了 那麼在瀏覽器中的視頻中獲取圖片如何實現呢？ 其實非常簡
2020-07-05 15:23:27
1
原创 WebRTC音視頻數據採集 六、第六節 視頻渲染特效
今天我們介紹一下如何對獲取到的視頻做一些特效 這部分知識實際上是屬於渲染部分的範疇 我們要在瀏覽器中做特效，我們要知道幾個基本的概念 CSS filter,-webkit-filter/filter 在不同的瀏覽器中使用的filter還
2020-07-05 15:23:27
1
原创 WebRTC音視頻數據採集 六、第八節 WebRTC只採集音頻數據
今天我們介紹一下如果通過WebRTC只採取音頻數據， 這個功能之前已經給大家做了一些介紹，但是上次的介紹是在videoplay，也就是video標籤裏面做的實驗。 這次我們實驗audio標籤，這有什麼好處呢？就是直播系統裏面有很多的應用，
2020-07-05 15:23:26
1
原创 WebRTC音視頻數據採集 六、第九節 MediaStreamAPI及獲取視頻約束
今天我們來重點介紹一些 MediaStream的方法和事件 在這些方法中主要是和Track相關的，此前我們已經介紹過了。 在webrtc中包括了流的概念和軌的概念。在一個媒體流中可以包含很多的媒體軌，音頻媒體軌，視頻媒體軌。 MediaS
2020-07-05 15:23:26
1
原创 三、 第二節 Nodejs環境搭建
今天我們來學習一下如何安裝node.js,安裝node.js的方式有兩種，第一種是二進制庫安裝，第二種是通過源碼安裝。 相對來說，通過二進制庫安裝是更方便的，因爲在Ubuntu下或者Mac下或CenterOS下都有相應的安裝工具，我們只要
2020-07-02 14:31:58
1
原创 怎麼使一行代碼實現網頁變灰
如何實現下列效果，更換多套CSS麼？那多費勁，那麼使用一招快速變更頁面爲灰色，等清明節過完了，就可以恢復 主要是給html標籤加個樣式 html.gray { -webkit-filter: grayscale(.95); }
2020-07-02 14:31:58
原创 三、第五節 實現一個真正的 Web服務器
引入 express 模塊 express專門用於處理node服務的，它裏面有很多功能，我們可能只是用到裏面的一小部分，這一小部分也足夠我們使用了。 引入 serve-index 模塊 可以將我們整個目錄發佈出來，就行我們apach n
2020-07-02 14:31:58
1
原创 手機瀏覽器console日誌如何同步到電腦上查看
如何查看手機瀏覽器的日誌？手機瀏覽器日誌如何同步到電腦？電腦上如何查看手機瀏覽器的日誌？ 本文主要講述iphone手機瀏覽器的console.log日誌如果同步到MAC電腦上。 Web Inspector是Web開發人員用來在Mac和iO
2020-07-02 14:31:58
111
原创 WEBRTC視頻直播入門，WEB網頁版如何實現IM語音聊天，視頻一對一聊天，視頻團隊會議，屏幕分享功能、IM文件聊天、文件分享功能等？
webRTC 測試相關設備是否滿足 https://webrtc.github.io/samples/src/content/devices/input-output/ 測試瀏覽器是否支持 webrtc https://test.
2020-07-02 14:31:58
3
原创 三、第一節 web服務器工作原理
由於是JavaScript編寫的，由於安全的原因，很多瀏覽器例如chrome它是不允許調用本地JavaScript文件的，所以你只能把它放在Web服務器端，通過Web服務器下載到本地，然後在運行這些程序。 另外一個原因是我們後面還要編寫這
2020-07-02 14:31:58
2
原创 一、WebRTC概述
WEBRTC 簡單的說就是音視頻處理+即時通訊的開源庫 這是2020年Google公司進行開源的 Google公司爲什麼要開源WebRTC呢，這與谷歌公司的願景是一致的，也就是他想在瀏覽器的應用之間進行非常方便的音視頻實時通訊，爲什麼會產
2020-07-02 14:31:58
原创 WebRTC設備管理 五、第一節 WebRTC獲取音視頻設備
今天我們開始學習WebRTC內容了，首先我們看一下WebRTC如何進行設備管理。 在 WebRTC 的規範中，給我們提供一個重要的API，叫 enumerateDevices 通過這個API 我們就可以獲取到電腦中的音頻和視頻設備，首先我
2020-07-02 14:31:58
原创 二、第三節 webrtc運行機制
今天我們來介紹一下WebRTC的運行機制，首先我們來看兩個基本概念 軌與流 Track MedisStream 我們此前介紹的一路音頻就是一路軌，一路視頻也是一路軌，這裏的軌就是採取了軌道的概念，兩條軌之間是永遠不相交的，那麼音頻與視頻是
2020-07-02 14:31:58
原创 WebRTC音視頻數據採集 六、第四節 視頻參數調-視頻約束
我們今天介紹一下WebRTC 音視頻採約束,通過這些 約束我們可以精確的控制音頻和視頻的採集數據，首先我們看看視頻相關的約束。 width height 這個兩個很好理解，首先視頻有分辨率，視頻的寬高是多少，寬高一般我們視頻上有兩種比例
2020-07-02 14:31:58
1
原创 聲網SDK Agora Web SDK 支持哪些瀏覽器？
Agora Web SDK 支持所有主流瀏覽器，支持的瀏覽器及平臺如下。 除上表瀏覽器外，還有以下支持： Agora Web SDK 2.5 及以上版本支持 Windows XP 平臺的 Chrome 49 版本瀏覽器（僅支持 VP8
2020-07-02 14:31:58
2