OStack程序员社区-中国程序员成长平台

标题: javascript - 构建 phonegap/cordova iOS p2p 视频聊天 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-13 06:07
标题: javascript - 构建 phonegap/cordova iOS p2p 视频聊天

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

例如,我尝试了 Phonertc,它看起来像是为 p2p 视频构建的唯一插件,但它根本不起作用。漏洞百出,真的很不稳定,你现在有什么建议?

我考虑过在 p2p 中使用 phonegap 媒体插件和一些服务(如 amazon 服务器进行中继)在后台流式传输相机视频,我会避免使用像 tokbozxtwillio.

我确实需要能够管理视频流,以便我可以从 Canvas 中应用过滤器等。

如果你有什么想法请告诉我,谢谢!!

那么您认为构建 cordova 视频和音频 p2p 聊天的步骤和逻辑应该是什么? 谢谢



Best Answer-推荐答案


不确定它是否是您要使用的模型,但您可以尝试 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

仅客户端(从这里扩展,可以添加 Canvas ):

<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>

关于javascript - 构建 phonegap/cordova iOS p2p 视频聊天,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29354242/






欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4