ApprtcDemo с локальным сервером работает между браузерами, но не поддерживает Android для браузера

Я разрабатываю приложение для чата и выполняю его. Теперь я хочу также реализовать видеочат. После много исследований я решил пойти с библиотекой «WebRTC».

Что я наделал?

1) Возможность запускать AppRtcDemo на локальном сервере и его работу между браузерами.

Ссылка: http://www.webrtc.org/reference/getting-started

2) Возможность создания Android AppRtcDemo. Но когда я запускаю его, скажем, «Cross origin не поддерживает».

После исследования я нашел в обсуждении webrtc, что для решения этой проблемы мне нужно настроить собственный сервер очереди.

3) Поэтому я устанавливаю последний rfc5766TurnServer, рекомендованный webrtc. У меня был успех, чтобы запустить сервер очереди.

Ссылка: http://code.google.com/p/rfc5766-turn-server/

Я делаю следующие изменения в ApprtcDemo (web) и (Android) для работы с моим сервером Turn

1) apprtc.py

Заменить:

turn_url = 'https://computeengineondemand.appspot.com/' turn_url = turn_url + 'turn?' + 'username=' + user + '&key=4080218913' 

С указанием моего сервера очереди:

 turn_url = 'http://192.168.5.85:3478/?service=turn&username=biraj' 

2) index.html

Заменить:

 var pcConfig = {{ pc_config|safe }}; 

С:

 var pcConfig = {"iceServers": [{"url": "stun:stun.l.google.com:19302"}, {"url":"turn:biraj@192.168.5.85:3479", "credential":"0x5b04123c3eec4cf0be64ab909bb2ff5b"}]}; 

Android

1) AppRTCDemoActivity.java

Заменить:

 roomInput.setText("https://apprtc.appspot.com/?r="); 

С моим локальным сервером apprtc:

 roomInput.setText("http://192.168.5.86:8080/?r="); 

2) AppRTCClient.java

В private PeerConnection.IceServer requestTurnServer(String url){}

Заменить:

 connection.addRequestProperty("origin", "https://apprtc.appspot.com"); 

С:

 connection.addRequestProperty("origin", "http://192.168.5.86:8080"); 

3) /assets/channel.html

Заменить:

 <script src="https://apprtc.appspot.com/_ah/channel/jsapi"></script> 

С:

 <script src="http://192.168.5.86:8080/_ah/channel/jsapi"></script> 

Теперь мой вопрос в том, почему это работает между браузерами, но не между Android AppRtcDemo и браузером.

Когда я запускаю AppRtcDemo на андроиде после выполнения вышеописанных изменений, в правом верхнем углу запускается предварительный просмотр камеры, а в сообщении «Ожидание ICEcandidates» ничего не происходит.

Заранее спасибо.

Спасибо всем за поддержку моего вопроса. После долгой скалистой поездки с ApprtcDemo я получил успех, и он отлично работает. Я отправляю решение.

Найдите java-файл « GAEChannelClient.java ».

И делать изменения, как показано ниже.

 /* * libjingle * Copyright 2013, Google Inc. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * 1. Redistributions of source code must retain the above copyright notice, * this list of conditions and the following disclaimer. * 2. Redistributions in binary form must reproduce the above copyright notice, * this list of conditions and the following disclaimer in the documentation * and/or other materials provided with the distribution. * 3. The name of the author may not be used to endorse or promote products * derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR IMPLIED * WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO * EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ package org.appspot.apprtc; import java.io.InputStream; import android.annotation.SuppressLint; import android.app.Activity; import android.util.Log; import android.webkit.ConsoleMessage; import android.webkit.JavascriptInterface; import android.webkit.WebChromeClient; import android.webkit.WebView; import android.webkit.WebViewClient; /** * Java-land version of Google AppEngine's JavaScript Channel API: * https://developers.google.com/appengine/docs/python/channel/javascript * * Requires a hosted HTML page that opens the desired channel and dispatches JS * on{Open,Message,Close,Error}() events to a global object named * "androidMessageHandler". */ public class GAEChannelClient { private static final String TAG = "GAEChannelClient"; private WebView webView; private final ProxyingMessageHandler proxyingMessageHandler; /** * Callback interface for messages delivered on the Google AppEngine * channel. * * Methods are guaranteed to be invoked on the UI thread of |activity| * passed to GAEChannelClient's constructor. */ public interface MessageHandler { public void onOpen(); public void onMessage(String data); public void onClose(); public void onError(int code, String description); } /** Asynchronously open an AppEngine channel. */ @SuppressLint("SetJavaScriptEnabled") public GAEChannelClient(Activity activity, String token, MessageHandler handler) { webView = new WebView(activity); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setAllowFileAccessFromFileURLs(true); // Maybe you // don't // need this // rule webView.getSettings().setAllowUniversalAccessFromFileURLs(true); webView.setWebChromeClient(new WebChromeClient() { // Purely for // debugging. public boolean onConsoleMessage(ConsoleMessage msg) { Log.d(TAG, "console: " + msg.message() + " at " + msg.sourceId() + ":" + msg.lineNumber()); return false; } }); webView.setWebViewClient(new WebViewClient() { // Purely for debugging. public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { Log.e(TAG, "JS error: " + errorCode + " in " + failingUrl + ", desc: " + description); } @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { System.out.println("HI"); return super.shouldOverrideUrlLoading(view, url); } }); proxyingMessageHandler = new ProxyingMessageHandler(activity, handler, token); webView.addJavascriptInterface(proxyingMessageHandler, "androidMessageHandler"); // webView.loadUrl("file:///android_asset/channel.html"); try { InputStream is = activity.getAssets().open("channel.html"); StringBuilder builder = new StringBuilder(); byte[] buffer = new byte[1024]; while (is.read(buffer) != -1) { builder.append(new String(buffer)); } is.close(); String str = builder.toString(); webView.loadDataWithBaseURL("http://192.168.5.86:8080", str, "text/html", "utf-8", null); } catch (Exception e) { e.printStackTrace(); } } /** Close the connection to the AppEngine channel. */ public void close() { if (webView == null) { return; } proxyingMessageHandler.disconnect(); webView.removeJavascriptInterface("androidMessageHandler"); webView.loadUrl("about:blank"); webView = null; } // Helper class for proxying callbacks from the Java<->JS interaction // (private, background) thread to the Activity's UI thread. private static class ProxyingMessageHandler { private final Activity activity; private final MessageHandler handler; private final boolean[] disconnected = { false }; private final String token; public ProxyingMessageHandler(Activity activity, MessageHandler handler, String token) { this.activity = activity; this.handler = handler; this.token = token; } public void disconnect() { disconnected[0] = true; } private boolean disconnected() { return disconnected[0]; } @JavascriptInterface public String getToken() { return token; } @JavascriptInterface public void onOpen() { System.out.println("GAEClient : Open" ); activity.runOnUiThread(new Runnable() { public void run() { if (!disconnected()) { handler.onOpen(); } } }); } @JavascriptInterface public void onMessage(final String data) { System.out.println("GAEClient : Message : " +data ); activity.runOnUiThread(new Runnable() { public void run() { if (!disconnected()) { handler.onMessage(data); } } }); } @JavascriptInterface public void onClose() { System.out.println("GAEClient : Close" ); activity.runOnUiThread(new Runnable() { public void run() { if (!disconnected()) { handler.onClose(); } } }); } @JavascriptInterface public void onError(final int code, final String description) { System.out.println("GAEClient : Erroe : " + description); activity.runOnUiThread(new Runnable() { public void run() { if (!disconnected()) { handler.onError(code, description); } } }); } } } 

Channel.html в папке с ресурсами

 <html> <head> <script src="http://192.168.5.86:8080/_ah/channel/jsapi"></script> </head> <!-- Helper HTML that redirects Google AppEngine's Channel API to a JS object named |androidMessageHandler|, which is expected to be injected into the WebView rendering this page by an Android app's class such as AppRTCClient. --> <body onbeforeunload="closeSocket()" onload="openSocket()"> <script type="text/javascript"> var token = androidMessageHandler.getToken(); if (!token) throw "Missing/malformed token parameter: [" + token + "]"; var channel = null; var socket = null; function openSocket() { channel = new goog.appengine.Channel(token); socket = channel.open({ 'onopen': function() { androidMessageHandler.onOpen(); }, 'onmessage': function(msg) { androidMessageHandler.onMessage(msg.data); }, 'onclose': function() { androidMessageHandler.onClose(); }, 'onerror': function(err) { androidMessageHandler.onError(err.code, err.description); } }); } function closeSocket() { socket.close(); } </script> </body> </html> 

Solutions Collecting From Web of "ApprtcDemo с локальным сервером работает между браузерами, но не поддерживает Android для браузера"

К сожалению, я не знаю, сделали ли вы это:

  1. Используйте SAME stun and turn server для каждого приложения (персональный компьютер или мобильный).
  2. Вы даже отправляете кандидатов ICE между приложениями (я думаю, вы это делаете, а просто проверяете).
  3. Вы уверены, что URL-адрес STUN / TURN – это те, которые дают ошибку, поскольку я не могу поверить, что эти вещи связаны с перекрестными истоками (они не должны, поскольку вы просто подключаетесь от клиента к серверу. Происхождение в основном используется «на веб-страницах, которые загружают данные из внешнего источника. Вам не разрешено делать это из XHR). Я действительно думаю, что это имеет какое-то отношение к https://apprtc.appspot.com/_ah/channel/jsapi , так как это хороший пример материала с крестом.

Что делать, если вы открываете веб-страницу, которая работает в вашем браузере Chrome на мобильных устройствах? Что он делает тогда? (Обратите внимание, что вы можете подключить свой телефон к компьютеру, чтобы иметь полный набор инструментов для Chrome. Chrome работает на вашем устройстве Android, но вы можете увидеть devtools на вашем ПК).

Если вы можете предоставить мне эти ответы, я могу помочь вам. Попытайтесь вернуть все эти изменения и просто использовать TURN-сервер google, но только сделайте файл https://apprtc.appspot.com/_ah/channel/jsapi локальным.

EDIT: Я вижу, вы нашли свой ответ . Не могли бы вы поделиться им?