発火しません
せっかく、教えて頂いたのですが、わたしの発火しません。
愛フォンのYour ID is 動きません。
https://chu001.churaumi.me/teacherbank.club/phone/index.html#ja
何がいけませんか？
いじくりまわして、余計わからなくなりました。おしえてください。
今回、指導の元、以下やってみました。
cphone.jsの21行目以下
// 指導の下修正2回目
peer_ = new Peer(myid_,{key: '×××××-×××××-×××××-×××××', debug: true});
peer_.on('open', function() {
ui.changeServiceState('online', peer_.id);
});
index.html9～12行目にskyway-latest.js、key.js、script.jsを３つ追記してｊｓにもファイルいれてみましたけど、ダメでした。
<!doctype html>
<html class="showing-dial-page">
<head>
<meta charset="utf-8" />
<title>Caption Phone</title>
<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.webrtc.ecl.ntt.com/skyway-latest.js"></script>
<script type="text/javascript" src="https://自分の設置場所まで/key.js"></script>
<script type="text/javascript" src="https://自分の設置場所まで/script.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" />
<meta name="description" content="caption phoneとは、WebRTCによる音声チャットをweb speech APIにより音声を自動字幕化したコミュニケーションサービスです">
</head>
<body>
<div id="pages">
・・・・・・・・
何が間違っているのでしょうか？
自前のファイル共有で2回目の修正をしてみました。
http://web.pc110.biz/cryptup/cryptup.cgi
cphone-js-02 (113.9kB) (download : 0) .......... 2018年5月2日08時10分
暗号化してますので「2345」でダウンロードして下さい。
よければ、
念のため1度見てもらって、これで当たってるとか、どこをどう直せばいいのか教えてもらえると嬉しく思います。
-
index.htmlの9行目〜12行目はすべて削除しましょう。
編集する箇所は、190行目の付近の
<script src="https://skyway.io/dist/0.3/peer.js"></script>
を
<script type="text/javascript" src="https://cdn.webrtc.ecl.ntt.com/skyway-latest.js"></script>に書き換えるだけです。cphone.jsの
7行目に追加した<script>に関する記載はすべて削除しましょう。
21行目付近に追加した記述はすべて削除しましょう。
176行目付近については、以前、 gtk2kさんからコメントが有りましましたが、以下のように記載する必要があります。（恐らく色々修正されて今の形になっていると思うので、初期状態に戻してください）
peer_ = new Peer(myid_,{key: APIKEY_, debug: true});
peer_.on('open', function() {
ui.changeServiceState('online', peer_.id);
});----
色々と書きましたが、複雑でわからないということであれば、最初の状態から修正作業をしてみましょう。
1. 以下のファイルをダウンロード
https://github.com/nttcom/peerjs/archive/master.zip
2. caption-phoneフォルダを作業用のディレクトリにコピー
3. index.htmlの185行目を
<script type="text/javascript" src="https://cdn.webrtc.ecl.ntt.com/skyway-latest.js"></script>
に書き換え。
4. cphone.jsの19行目を自分のAPIキーに変更
で動作すると思います。
-
Yusuke Naka様、gtk2k様、いつもいつもホントにありがとうございます。
なんと、お礼を言って良いのかどうか。。
心から感謝の気持ちでいっぱいです。これからもskywayを愛用しながら
何かお役にたてる時は恩返ししたいとおもいます。心から感謝です。私は、以下、最初の状態から修正作業を選択しました。（修正しすぎてぐちゃぐちゃだったので、素直にの意味で。）
他の方法も理解できました。ホントにありがとうございます。
1. 以下のファイルをダウンロード
2. caption-phoneフォルダを作業用のディレクトリにコピー
3. index.htmlの185行目を
<script type="text/javascript" src="https://cdn.webrtc.ecl.ntt.com/skyway-latest.js"></script>に書き換え。
4. cphone.jsの19行目を自分のAPIキーに変更
で、行いました。
cphone.jsの19行目を自分のAPIキーに変更の部分を
var APIKEY_ = '××××-自分のAPIキー-×××-×××';
（このそのままではYour ID isが空白のまま）と動かなかったので、以下で以前動いた記憶があり以下に修正。上記では、auth token is invalid（認証トークンが無効です）とエラー表示が出現しました。
なので、19行目を以前、書き換えた時の記憶を頼りに。再修正。
var peer = new Peer({key: '××××-自分のAPIキー-×××-×××'});
今度は、上記は、エラー表示はでなくなりましたが、Your ID isが空白のままとなります。
私の書き方がまたいけないのでしょうか？お手数おかけし申し訳ございません。
ご教授おねがいいたします。 -
> 上記では、auth token is invalid（認証トークンが無効です）とエラー表示が出現しました。
こちら、わかりにくくてすみません。
これは、APIキーの不正利用を防止する、APIキー認証機能が有効になっている場合のエラーメッセージです。
APIキー認証機能は利用しないと思いますので、ダッシュボードから無効（チェックボックを外す）にしてください。
アプリケーション一覧 > 該当のアプリケーションの「設定変更」> 権限 > 「APIキー認証を利用する 」
チェックボックスの位置がわからない場合は、こちらを参照してください。
---
> なので、19行目を以前、書き換えた時の記憶を頼りに。再修正。
> var peer = new Peer({key: '××××-自分のAPIキー-×××-×××'});
上記の通りAPIキー認証機能を無効にすると、「auth token is invalid（認証トークンが無効です）」というエラーは表示されなくなります。
19行目は
var APIKEY_ = '××××-自分のAPIキー-×××-×××';
に戻してください。
これで問題なく利用できるはずです。
サインインしてコメントを残してください。
コメント
4件のコメント