SkyWayをEdgeで動作させる方法 - nttcom/peerjs GitHub Wiki

SkyWayをWindows10のEdgeブラウザで動作させる方法

【注意】Edgeブラウザや利用するライブラリのアップデートに伴い、利用できなくなる可能性があります。予めご了承下さい。

  • 2015/11/16 18:00追記
    • すでにWindows10のStable版のEdgeは 25.10586.0.0 になっているみたいなので、そのまま使えます。

1. はじめに

ここでは、adapter.js(Philipp Hancke氏が開発中のshim-ortcブランチ版)を用いて、SkyWayが提供するPeerJSライブラリを、マイクロソフトのEdgeブラウザ(Insider Preview)上で動作させる方法について解説します。

2. 動作条件

準備するのも

ソフトウェア 動作確認バージョン 入手方法
peerjs support_ortcブランチの最新コミット NTTComのGithub
SkyWayのホスティング
Microsoft Edge 25.10576.0.0 Windows 10 Pro Insider Preview Build 10576に同梱
adapter.js コミットID:795da688e6d136d5ec515c6eb5921fd6f4c96258 Philipp Hancke氏のGithub
SkyWayのホスティング
  • 動作確認を行った時点のバージョンを記載していますが、新しいバージョンでも動く可能性があります。

SkyWay TURNサービスの申し込み

Microsoft Edgeの動作確認を行ったバージョンでは、STUNサーバの指定が出来ません。そのため、SkyWayのTURNサービスをご利用頂くか、独自でTURNサーバをご用意下さい。

  • SkyWay TURNサービスの申し込みはこちら

利用可能機能について

Microsoft Edgeの動作確認を行ったバージョンで利用できる機能と、ブラウザの組み合わせは以下のとおりです。

Edge-to-Edge Edge-to-Chrome Chrome-to-Edge Edge-to-Firefox Firefox-to-Edge
MediaChannel(Audio)
MediaChannel(Video)※1 x x x x
DataChannel x x x x x

※1 MediaChannel(Video)については、Edge側がH.264UCコーデックしか対応していないため、他ブラウザとの相互接続は出来ません

3. 開発方法

ライブラリを読みこませる

以下のとおり、adpter.jsとpeer.jsを読み込ませて下さい。尚、読み込みの順序としてはadapter.jsが先になるようにして下さい。

<html>
<head>
  <title>PeerJS - Video chat example</title>
  <link rel="stylesheet" href="style.css">
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  <script type="text/javascript" src="https://skyway.io/dist/dev/webrtc-shim/adapter.js"></script>
  <script type="text/javascript" src="https://skyway.io/dist/dev/0.3/peer.js"></script>
  <script>

PeerJSのアプリを開発する

あとは、普通に開発を行って下さい。注意点は以下のとおりです。

  • TURNサーバを必ず利用する
  • Edge-to-Edge以外ではVideoは利用できないので、 getUserMedia の設定で video: false を指定する

4. サンプル・アプリケーション

簡単なサンプル・アプリケーションを公開中です。

https://skyway.io/examples/edge-examples/

⚠️ **GitHub.com Fallback** ⚠️