原创 三、第四節 創建https服務

爲什麼要使用HTTPS服務 個人因素及安全原因 我們通過nodeJS來創建一個HTTP服務,爲什麼這裏要介紹HTPS服務呢?這主要與我們後面的例子有關,那麼我們後面的例子呢,會要調用這個瀏覽器的音頻設備和視頻設備,但這些設備呢,實際是涉及

原创 二、第二節 WebRTC源碼目錄結構

今天我們來介紹一些WebRTC的目錄結構,大家都知道WebRTC的代碼量是非常大的,所以它裏面的目錄也特別多,那麼我們下面介紹的這些目錄是大家每個人都應該要掌握的,在我們後面的學習中很有可能就修改WebRTC的代碼,你要修改WebRtc的

原创 WebRTC音視頻數據採集 六、第三節 獲取音視頻設備的訪問權限

在之前我們已經學會了利用enumerateDevices這個API來獲取到音視頻設備,但是我們遇到了一個問題,如何在chrome瀏覽器中是可以看到音視頻設備的名字的,但是在safari瀏覽器中卻都是空白的。 在chrome下 在safa

原创 WebRTC音視頻數據採集 六、第二節 WebRTC_API_適配

getUserMedia適配 在WebRTC 1.0規範出來之前,各個瀏覽器廠商都在按照自己的計劃在使用WebRTC,推動自己的API,這樣就使得各個瀏覽器廠商它使用的getUserMedia的名字是不一樣的,它都增加了一個自己的前綴,我

原创 二 、第一節 WebRTC架構.mp4

WEBRTC整體架構 我們可以簡單的將這張圖分成兩大部分,最核心的是綠色部分,這是WebRTC庫所提供的核心功能,紫色部分是瀏覽器提供的JavaScript API層,也就是說瀏覽器對WEBRTC核心層的C++API 做了一層封裝,封裝

原创 WebRTC設備管理 五、第二節 在頁面中顯示獲取到的設備

index.html <!DOCTYPE html> <!-- * Copyright (c) 2015 The WebRTC project authors. All Rights Reserved. * * Use of

原创 三、第三節 最簡單的http服務

今天我們來介紹一下nodeJS服務端的開發,nodeJS服務端的開發相對於使用C或C++服務來說要簡單很多,那爲什麼會有這樣的效果呢?最主要有兩方面的原因。 第一個原因就是nodeJS本身就提供了很多功能強大的模塊,我們只要使用這些模塊就

原创 WebRTC音視頻數據採集 六、第一節 WebRTC音視頻數據採集

今天我來看一下音視頻採集的API,這個和我們上次所說的enumerateDevices是很類似的 // 基本格式 var promise = navigator.mediaDevices.getUserMedia(constraints

原创 WebRTC音視頻數據採集 六、第五節 視頻參數調-音頻約束

今天我們介紹的是音頻相關的約束,以及手機web端切換前後攝像頭 volume 第一個是與音量相關的,這個數值是從0到1.0,0就是靜音 ,1.0就是最大音量。 sampleRate 第二個是採樣率,在音頻裏面有很多采樣率,四萬八,三萬二,

原创 視頻聊天

必須使用HTTPS協議 /* Wait for the page to load */ $(function() { console.log("[DEMO] :: Rainbow Application started!");

原创 loading.js

/** * 將此js文件放在所以頁面引入的其他js文件上方 */ // 加載HTML圖 var _LoadingHtml = '<div id="loadingDiv" style="position:fixed;left: 0;t

原创 component: () => import() SyntaxError: Unexpected token相關問題的處理

今天在使用vue-router按需加載的時候出現了,SyntaxError: Unexpected token錯誤,排查了好久,如下 後來發現是是import這兒報錯了,這裏要babel的插件了,vue-router官網上有一段提示:

原创 網頁刷新後Vuex後數據丟失處理問題

網頁刷新後Vuex數據丟失或者恢復了默認值,我們可以通過localStorage來組合使用。 在store文件夾的index文件裏面 1、首先我們在改變Vuex裏面值的時候,在localStorage也存一份,在使用Vuex取值的時候優先

原创 vue-svg-icon報錯

$ npm install vue-svg-icon --save-dev 跑起來後報錯 This dependency was not found: * !xml-loader!../../src/svg in ./~

原创 elementUI表格無數據顯示圖片

<el-table :data="tableData"