WebRTCとElectron：デスクトップアプリケーションのトレンド

ハブのブログで、私たち自身の経験から興味深いストーリーを伝えようとします：テレフォニーとブラウザ、テレコム、コールオートメーション、ビデオ会議-これらすべてのストーリー。 しかし、bloggeek.meの著者であり、WebRTCの世界スペシャリストである長年の知り合いのTsakhiは、彼が翻訳できないほどうまく書いている。 1週間前の彼の新しい記事は、実際にElectronのWebページにラップされている偽のデスクトップアプリケーションに関するものです。 多くの人がこれを見てきました-Slack、Discord、その他の仲間は、ページに巨大なボタン「デスクトップアプリケーションをダウンロード」を掛け、そこに.exeまたは.dmgでラップされたWebページがあります。 これは、「ハードコア」WinAPIおよびCocoaソリューションよりも便利な場合があります。 そして、これらのものは音声とビデオで呼び出すことができます。 カットの下では、伝統的にツァカにとって、分析的なポピュリストになった経験豊富な通信プログラマーからの多くの写真、リンク、興味深い結論があります。 従来、単語ごとではなくHabrに翻訳を適応させていました。 ツァキはキャッチーなターンを愛しています...



WebRTCの場合、モバイルとデスクトップの開発は現在、さまざまな方向に進んでいます。 デスクトップ開発の方向では、Electronプラットフォーム上に構築されたソリューションが人気を集めています。



古き良き時代には、すべてのブラウザでWebRTCがサポートされているわけではないという不満がありました。 GoogleのライブラリではネイティブのAndroidおよびiOSアプリケーションでWebRTCを使用できるため、モバイルデバイスについての苦情は少なくなりました。



今何？ 最新のブラウザはすべて、WebRTCをサポートしています。 WebRTCを実装したChrome、Firefox、 Edge 、 Safariがあります。



問題？ 音声通話およびビデオ通話で使用するための「100％準備完了」と言えるブラウザーはありません。

• ChromeはプランBを使用し、ユニファイドプラン（カメラからのビデオや画面共有など、複数のメディアストリームを調整するためのさまざまなオプション）に切り替えます。
• Firefoxは、その人気を除けば順調です。
• Edgeはデータチャネル（音声およびビデオストリームに加えて任意のデータの転送）をサポートしておらず、Firefoxの人気よりもさらに人気があります。
• SafariはVP8（ビデオの場合はH.264のみ）をサポートせず、必要以上に頻繁にグリッチが発生します。

開発者はこの動物園で何ができますか？



adapter.jsを使用します。 またはプラグイン 。 または、リストから複数のブラウザを無視します。



または、モバイル開発と同じアプローチをデスクトップに使用できますか？ Webページではなくアプリを作成しますか？ これがあなたがしようとしていることなら、あなたは一人ではありません。



2018年にデスクトップアプリケーションを作成する最も一般的な方法は、 Electronを使用することです。 CEFやネイティブアプリケーションの開発など、他の方法もありますが、Electronは議論の余地のないリーダーです。 デスクトップアプリケーションにElectron（およびWebRTC）を使用している3つの企業の例を挙げます。

＃1-スラック

チームコミュニケーションのための非常に人気のあるアプリケーション。 過去3年間ブラウザで使用しましたが、UbuntuデスクトップとWindows 10ラップトップの両方のコンピューターでデスクトップバージョンのアプリケーションに切り替えました。



なぜ私はそれほど長くアプリを使用していないのですか？ 私はそれらをインストールしたくないので。



なぜ今インストールしたのですか？ なぜなら、今では常に3つ以上のSlackアカウントを追跡する必要があるからです。 これは、ブラウザの各アカウントのタブを意味します。 また、デスクトップアプリケーションでは、チャネルはタブを「食べ尽くす」ことはありません。 問題はメモリやパフォーマンスではなく、ユーザビリティと認知的負荷です。 私はChromeをタブの少ない食事にしようとしています。



Slackのアプリはどうですか？ 最新の「Kranky Geek」で、Slackチームは現在の計画について興味深いレポートを作成しました。 約1分のビデオがエレクトロンに捧げられ、2：30から視聴





ビデオには、質問と回答を含むレポートの一部は含まれていませんでした。 ブラウザのサポートポリシーについて尋ねられたとき、SlackのAndrew MacDonaldは、ブラウザバージョンではなくデスクトップアプリケーションの開発に注力していると答えました。 もちろん、彼らはすべてがChromeで機能することを確認しますが、他のブラウザーのサポートに費やす労力ははるかに少なくなります。 さらに、デスクトップアプリケーションについても。



Slackのデスクトップバージョンは、すべてのプロジェクトの「単一ウィンドウ」に加えて、画面のデモ中に高度な通信オプションを提供します。 それがどのように機能するかを見ることが、アプリケーションのデスクトップバージョンを試す良い理由になりました。



同じビデオで、Andrewは開発チームでは、Electronチームほど速く自分のソリューションを更新できないと述べています。 彼らにとって、これは「現状のまま」のソリューションであり、更新のために心配することなく、コミュニケーションにWebRTCを使用できます。

＃2-不和

Slackに似ていますが、方法が異なります。 ゲーマー向けのソーシャルネットワーク。 ゲーマー向けではありません。 作成者は、使い慣れた快適なブラウザからデスクトップアプリケーションに移行するために、あらゆる力を注いでいます。



Discordホームページは次のようになります。









ブラウザの場合、「行動を促すフレーズ」は、Webアプリケーションを開くか、デスクトップバージョンをダウンロードするかのいずれかを提供します。 モバイルデバイスの場合、アプリケーションのダウンロードのみが提供されます。



しかし、最も興味深いことは異なります。



明るい緑色の行動を促すボタンは、ウェブアプリケーションを開く最も簡単な方法を提供します。 ユーザー名を選択し、オプションでパスワード付きのメールを選択します。 そして今、あなたが「サービスにサブスクライブする」とき、それは再びアプリケーションをダウンロードすることを申し出る時です：









また、拒否した場合でも、トップバナーが表示されます。 このスクリーンショットの健康的なオレンジ色のもの：









Discordはブラウザで完全に機能しますが、著者は本当に、本当に、本当にあなたをいまいましいインターネットからデスクトップアプリケーションに移したいだけです。



そして彼らはそれをします。

＃3-TalkDesk

TalkDeskには、Electronを使用する独自の理由があります。 これは、CRMおよびその他のシステムと統合するコンタクトセンター組織アプリケーションです。 これを行うには、次のことができます。

• TalkDeskデスクトップアプリケーション（またはWebアプリケーション）を使用します。
• Chrome用のTalkDesk拡張機能をインストールしてCRMと統合します。
• ブラウザを開いたままにしなくても、「スタンドアロン」で使用するために「Callbar」Chromeアプリをインストールします。

3番目のオプションは、他のChromeアプリケーションとともに、ドードー鳥の運命をすぐに繰り返します（翻訳者のメモ：GoogleはChromeアプリケーションを拒否します）。 TalkDeskはCallbar Electronをリリースすることでこの問題を解決しました。



ここに表示されるものは、前の2つの例とはわずかに異なります。 SlackとDiscordがフックまたは詐欺によってユーザーをWebからデスクトップアプリケーションに転送しようとする場合、TalkDeskはどこにでも存在しようとします。 HTML5とElectronを使用すると、もう1つのアプリケーションをゼロから記述したり、既存のWebアプリケーションの一部を再利用したりすることができません。

彼らは一人ではありません

音声通話とビデオ通話を使用したWebRTCソリューションにElectronを使用している企業を数多く知っています。 次の理由でこれを行います。

• これは、何もせずにInternet Explorer（およびSafari）との互換性を維持するための良い方法です。
• ブラウザを提供できる以上のシステムの制御が必要なため、「ネイティブ」アプリケーションが必要です。 同時に、彼らはHTML5 / JSでのクロスプラットフォーム開発のすべての利点を望んでいます。
• ユーザーは1日中ソリューションを使用し、タブ付きのブラウザはより優れたインターフェースではなくなります。
• ブラウザに機能を制限させたくないのです。
• 更新の安定性：デスクトップアプリケーションの場合、会社はユーザーに更新を提供するタイミングを決定します。 もちろん、ほとんどの企業はWebバージョンもサポートしているため、これは主な理由ではありません。

これに、ElectronをサポートするCPaaS（Communication Platform as a Service）ベンダーを追加します。 たとえば、 Vidyo.ioやTokBoxなど 。 これは、「ファッショナブル」だからではなく、ユーザーがそれを望んでいるからです。



Electronアプリケーションへのこの移行により、WebRTCの人気を測ることが難しくなります。 Chromeからの通信（正直なところ、WebRTCを介したほとんどの通信はChromeを経由します）がアプリケーションに流れる場合、Googleによって収集されたすべての統計はカボチャに変わります。 ただし、ElectronはChromium上に構築されているため、これによりChromeの人気がさらに高まります。



WebRTC通信については、ベンダー間でさらに多くのElectronサポートが期待できます。 これは激しい傾向です。