建立一个phonegap / cordova iOS p2p视频聊天

时间:2015-03-30 19:07:38

标签: javascript ios cordova video p2p

我想构建一个phonegap视频聊天供公众使用,但我找不到适合iOS的解决方案。

我尝试了Phonertc,这看起来像是为p2p视频构建的唯一插件,但它根本不起作用。它充满了错误,真的不稳定,你现在建议什么?

我考虑使用phonegap媒体插件和某些服务(如亚马逊服务器)在后台播放p2p相机视频,以避免使用tokbozxtwillio等工具。

我真的需要能够管理视频流,以便我可以从画布中应用过滤器等等。

如果您有任何想法请告诉我,谢谢!!

那么您认为构建cordova视频和音频p2p聊天背后的崛起和逻辑是什么? thsanks

2 个答案:

答案 0 :(得分:1)

不确定它是否适合您的模型,但您可以尝试p2p: http://www.webrtc.org/architecture Can HTML5 Websockets connect 2 clients (browsers) directly without using a server? (P2P)

我还没有在服务器端玩过多,但这是一个教程: http://codesamplez.com/programming/php-html5-video-streaming-tutorial

仅限客户端(从此处展开,可以添加画布):

<html><head>
<script>
    navigator.getUserMedia = ( navigator.getUserMedia ||
                       navigator.webkitGetUserMedia ||
                       navigator.mozGetUserMedia ||
                       navigator.msGetUserMedia);

if (navigator.getUserMedia) {
   navigator.getUserMedia (

      // constraints
      {
         video: true,
         audio: true
      },

      // successCallback
      function(localMediaStream) {
         var video = document.querySelector('video');
         video.src = window.URL.createObjectURL(localMediaStream);
         // Do something with the video here, e.g. video.play()
      },

      // errorCallback
      function(err) {
         console.log("The following error occured: " + err);
      }
   );
} else {
   console.log("getUserMedia not supported");
}
    </script>
</head><body>

<video style="border: solid 1px" autoplay="true">

</body></html>

答案 1 :(得分:0)

有一个ConnectyCube平台,它提供Cordova聊天和视频聊天SDK和代码示例

以下是视频聊天,该视频如何指导:https://developers.connectycube.com/js/code-samples-videochat-cordova

它描述了如何在Cordova / PhoneGap下运行其视频聊天Web代码示例。看起来很简单。它基于WebRTC API,是P2P视频聊天。他们使用 cordova-plugin-iosrtc 插件让iOS正常工作