Skyway JS チュートリアルがうまくいかない

Question

現在、Skywayにて開発を始めたばかりなのですが、公式サイトに載っているチュートリアルがうまく動作しません。更に詳しく言うとチュートリアルで構築したコードを「Firebase」にデプロイしアクセスしても「Your id」が表示されません。
（Skyway JS チュートリアル：https://webrtc.ecl.ntt.com/js-sdk.html?_ga=2.198283755.573322152.1560404845-806127235.1560081939）
（チュートリアルの使用コード：https://github.com/skyway/skyway-js-sdk-tutorial）

＜環境＞
OS:windows10
エディタ：Atom
サーバ：Firebase
ブラウザ：Google Chrome

＜行ったこと＞
1,チュートリアルに沿ってアプリケーションを追加し、APIキーを取得

2,上記のgithubページからサンプルコードをダウンロード

3,チュートリアルの指示通りにjsに内容をコピペで記述
このとき3行目の「audio:false」に変更したのみでコードはいじっていないはず…

4,取得したAPIキーを入力

let localStream = null;

navigator.mediaDevices.getUserMedia({video: true, audio: false})
    .then(function (stream) {
        // Success
        $('#my-video').get(0).srcObject = stream;
        localStream = stream;
    }).catch(function (error) {
        // Error
        console.error('mediaDevice.getUserMedia() error:', error);
        return;
    });

let localStream = null;
let peer = null;
let existingCall = null;

navigator.mediaDevices.getUserMedia({video: true, audio: true})
    // 省略
});

peer = new Peer({
    key: 'MY-APIkey',
    debug: 3
});

peer.on('open', function(){
    $('#my-id').text(peer.id);
});

peer.on('close', function(){
});

peer.on('disconnected', function(){
});

$('#make-call').submit(function(e){
    e.preventDefault();
    const call = peer.call($('#callto-id').val(), localStream);
    setupCallEventHandlers(call);
});

$('#end-call').click(function(){
    existingCall.close();
});

peer.on('call', function(call){
    call.answer(localStream);
    setupCallEventHandlers(call);
});

function setupCallEventHandlers(call){
    if (existingCall) {
        existingCall.close();
    };

    existingCall = call;

    call.on('stream', function(stream){
        addVideo(call,stream);
        setupEndCallUI();
        $('#their-id').text(call.remoteId);
    });
    // 省略
}

function setupCallEventHandlers(call){
    // 省略
    call.on('close', function(){
        removeVideo(call.remoteId);
        setupMakeCallUI();
    });
}

function addVideo(call,stream){
    $('#their-video').get(0).srcObject = stream;
}
function removeVideo(peerId){
     $('#' + peerId).remove();
}

function setupMakeCallUI(){
    $('#make-call').show();
    $('#end-call').hide();
}

function setupEndCallUI() {
    $('#make-call').hide();
    $('#end-call').show();
}

続いてFirebase関連

5,Firebaseでアプリを新規作成「faceview」

6,上記のコードが存在するフォルダでコマンドを開き
firebese init
↓
Are you ready to proceed? Yes
↓
（※）HOosting：…　を選択しエンター
↓
What do you want to use as your public directory? public
↓
Configure as a single-page app (rewrite all urls to /index.html)? Yes
↓
File public/index.html already exists. Overwrite? Yes

7,publicフォルダ内に新しく作られた「index.html」を削除し
サンプルの「index.html」「script.js」「style.css」をpublicに移動

8,先ほどと同じようにコマンドを開き
firebase deploy
デプロイはうまくできているはず

9,Skywayのアプリ一覧に移動し、利用可能ドメインにデプロイしたアドレスを追加

これをやった結果が下記です

Your ID:が表示されず、通信を行うことができません。
初歩的な内容で申し訳ありませんが、回答お待ちしています。

<追記>
Skywayが出しているSDKの「p2pMedia」でも同じような現象が発生しています。
また、そもそもカメラにもアクセスできていないようです。

Comments

[sublimer]

2点、確認させてください。

1.接続はHTTPSでしょうか?
カメラやマイクのストリームを取得する際にはHTTPS接続が必須となります。

2.ブラウザのコンソールには何か表示されていますか?
F12キーを押し、「Console」というタブを開いてください。
そのままページをリロードしてください。
もしエラーなどがあれば、コンソールに表示されます。
表示された内容を質問に追記してください。

[chorizo]

コンソールを確認し、自分自身で解決することができました。
ありがとうございました。

Answer 1

コンソールを見て自分で修正しました。

Comments

[sublimer]

teratailのヘルプには、
> また後から読む人のためにも、具体的な解決手順を記載してください。
とあります。
どのようなエラーが出ていたのか、どのような手順で解決したのかを、今後この質問を閲覧するユーザーのためにも、解決した方法として追記されることをお勧めいたします。
https://teratail.com/help#resolve-myself