使用 Electron 搭建一個實時視訊App

野狗實時通訊雲發表於2017-12-06

當你使用Weex、ReactNative、Hubuilder構建手機App的時候,你可曾想過桌面應用也應該有一種這樣類似Hybrid的方式,讓開發者更好的構建桌面應用。

使用 Electron 搭建一個實時視訊App

Electron就是使用JavaScript、HTML、CSS等Web技術構建原生程式的框架,Electron是基於Chromium和NodeJS(NodeJS應該是世界上最好的語言),專案完成後封裝成一個可以單獨執行的NodeJS執行時的應用,這個應用擁有原生的視窗和選單,並且提供程式崩潰的報告,通過報告可以更好的瞭解程式執行中的問題和可優化的部分,讓困難的部分變得更加便捷。

由於Electron基於Chromiun,所以使用Electron構建的App更像是一個在Chrome瀏覽器中執行的程式,自然可以順利的呼叫裝置的攝像頭。除攝像頭外、麥克風也是可以被順利呼叫起來。

使用Electron可以方便快捷的開發出跨平臺的各種桌面應用,包含Mac、Windows、Linux等桌面應用程式。在你開發完Web應用程式後的原始碼還可以『重複再利用』,可以根據需求快速生成Mac、Windows、Linux客戶端。

基於Electron這種跨平臺的特性,給野狗實時音視訊通訊產品提供了一種構建桌面程式可能性,:在不用開發C#和Objective-C等原生程式碼的前提下,構建產品體驗和原生開發相同的桌面應用程式。極大的減輕工程師團隊的專案壓力,加快專案快速交付進度。

現在,野狗實時音視訊通訊產品完全支援Electron開發模式,整個使用方法和Web開發一樣,只需要把野狗的音視訊通訊Web SDK通過npm install命令安裝到Electron開發的開發環境,呼叫野狗的音視訊通訊Web SDK的API介面,便可以快速給桌面應用增加音視訊能力。程式碼只需少量修改,便可快速生成相應桌面程式。

注意:

由於一些不可描述的原因,使用NPM安裝electron的時候常常會出現Timeout的情況,這時你可以這樣做: 把科學上網裝置開啟全域性模式。 更換淘寶映象源,然後使用CNPM下載Electron。

2017年12月8日更新:

看到評論區說,貌似準備看怎麼詳細搭建然後突然間戛然而止,很不爽的感覺,這裡給大家說一下:Electron搭建WebRTC的實時視訊App往往是使用Web的程式碼『二次利用』,一般是在網頁版本的程式碼之後自己遷移到Electron環境,本質上是一個怎麼使用實時通訊API的問題,所以這裡沒有做更多的描述,希望大家看到的朋友們,能夠理解。

這並不是一個廣告:並沒有相應的官網連結,甚至連文件地址都沒有,只是希望通過閱讀本篇文章, 讓大家知道我們在Electron上做的研究,我們確定在Electron上面使用WebRTC完全可以搭建一個實時通訊。但是未來避嫌,我們剋制的沒有上我們官方網站和產品使用連結,希望大家理解。

相關文章