菜鸟教程小白 发表于 2022-12-13 06:07:40

javascript - 构建 phonegap/cordova iOS p2p 视频聊天


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

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

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

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

<p>如果你有什么想法请告诉我,谢谢!!</p>

<p>那么您认为构建 <code>cordova</code> 视频和音频 <code>p2p</code> 聊天的步骤和逻辑应该是什么?
谢谢</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>不确定它是否是您要使用的模型,但您可以尝试 p2p:
<a href="http://www.webrtc.org/architecture" rel="noreferrer noopener nofollow">http://www.webrtc.org/architecture</a>
<a href="https://stackoverflow.com/questions/4277351/can-html5-websockets-connect-2-clients-browsers-directly-without-using-a-serve" rel="noreferrer noopener nofollow">Can HTML5 Websockets connect 2 clients (browsers) directly without using a server? (P2P)</a> </p>

<p>我没有玩过服务器端,但这里有一个教程:
<a href="http://codesamplez.com/programming/php-html5-video-streaming-tutorial" rel="noreferrer noopener nofollow">http://codesamplez.com/programming/php-html5-video-streaming-tutorial</a> </p>

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

<pre><code>&lt;html&gt;&lt;head&gt;
&lt;script&gt;
    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(&#39;video&#39;);
         video.src = window.URL.createObjectURL(localMediaStream);
         // Do something with the video here, e.g. video.play()
      },

      // errorCallback
      function(err) {
         console.log(&#34;The following error occured: &#34; + err);
      }
   );
} else {
   console.log(&#34;getUserMedia not supported&#34;);
}
    &lt;/script&gt;
&lt;/head&gt;&lt;body&gt;

&lt;video style=&#34;border: solid 1px&#34; autoplay=&#34;true&#34;&gt;

&lt;/body&gt;&lt;/html&gt;
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - 构建 phonegap/cordova iOS p2p 视频聊天,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/29354242/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/29354242/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - 构建 phonegap/cordova iOS p2p 视频聊天