サーバー経由で画面を共有しようとしています。webRTC を介して画面コンテンツをキャプチャし、ビデオ内に配置しています。
<video id="live" width="1280" height="960" autoplay></video>
それから私はキャンバスの中にそれを描いています、
<canvas width="1280" id="canvas" height="960" style="display:none" ></canvas>
JavaScript
var liveVideo = $("#live").get()[0];
var canvas = $("#canvas");
var ctx = canvas.get()[0].getContext('2d');
ctx.drawImage(liveVideo, 0, 0, 1280,960);
そしてしばらくして、そのキャンバスのbase64文字列をsocket.io経由でサーバーに送信し、サーバーから接続されているすべてのクライアントに送信します。
問題は、このプロセスが非常に遅いことです。ホストが多くのクライアントと画面を共有するため、WebRTC ピアツーピアでは実行できません。その場合、大容量のメディアストリーミングサーバーを設置する予定です。これを改善する必要があり、これを行うための適切でより良い方法を知る必要があります。