typescript 使用带Angular 的录制RTC录制网页

6jjcrrmo  于 2023-01-14  发布在  TypeScript
关注(0)|答案(1)|浏览(125)

我想做记录的特定部分,在网页上的视频与音频。例如,当用户进入网页将自动记录发生了什么(像iframe视频)页面中的特定部分和用户关闭页面或点击停止按钮将停止录制并将视频保存到文件中。现在我使用录制RTC来做这件事,并尝试使用画布方法仍然不能。任何人都可以给予我建议和解决方案来做这个功能。谢谢帮助。你可以在这个页面编辑。https://stackblitz.com/edit/angular-record-rtc-demo-si2c8x

xkftehaa

xkftehaa1#

我建议使用Kurento提供的API来记录网页:
1.在KMS中配置安全WebSocket。有关说明,请检查信号平面安全性(WebSocket)。
1.在index.js中,更改ws_uri以使用安全WebSocket(wss://而不是ws://)和正确的KMS端口(TCP 8433而不是TCP 8888)。
1.如步骤1中的链接所述,如果您将KMS配置为使用Secure WebSocket和自签名证书,则现在必须浏览到https://{KMS_HOST}:8433/kurento并单击以接受不受信任的证书。
javascript实现示例:

var startRecordButton = document.getElementById("start");

startRecordButton.addEventListener("click", startRecording);

function startRecording() {
   var options = {
     localVideo: videoInput,
     remoteVideo: videoOutput
   };

   webRtcPeer = kurentoUtils.WebRtcPeer.WebRtcPeerSendrecv(options, function(error) {
      if(error) return onError(error)
      this.generateOffer(onOffer)
   });

   [...]
}

这是文档的链接:Kurento Recorder

相关问题