如何在angular 2+；应用

我需要通过

Angular 6

共享桌面屏幕。我已搜索合适的包来实现此功能，但找不到它

事实上，我发现了很多包裹，比如，和其他一些。其中一些是不兼容的，一些是缺乏文档的，代码intellisense不可用

---

请告诉我可以与

Angular 6

一起使用的最兼容、文档最完整的软件包。我正在使用的平台是

Windows

终于找到了一些可行的解决方案

@Component({
  selector: 'app-screen',
  template: `<video #video autoplay style="width:360px;"></video>`
})
export class ScreenComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    this.startRecording()
  }

  async startRecording() {
    let stream = await navigator.getDisplayMedia({ video: true })
    console.log(stream)
    this.videoElement.srcObject = stream
  }


  @ViewChild('video') videoElementRef: ElementRef
  get videoElement(): HTMLVideoElement {
    return this.videoElementRef.nativeElement
  }

}

@组件({
选择器：“应用程序屏幕”，
模板：``
})
导出类ScreenComponent实现OnInit{
构造函数（）{}
恩戈尼尼特（）{
这个。startRecording（）
}
异步startRecording（）{
let stream=wait navigator.getDisplayMedia（{video:true}）
console.log（流）
this.videoElement.srcObject=流
}
@ViewChild（“视频”）videoElementRef:ElementRef
获取videoElement（）：HTMLVideoElement{
返回此.videoElementRef.nativeElement
}
}

由于此功能处于实验阶段，因此启用

实验Web平台功能

标志以记录用户屏幕。要启用，请按照下图进行操作

注意：它是在chrome v71.x.x上测试的，请确保您的浏览器是最新的。 还请注意，这在

Electron

应用程序中不起作用，因为有人否决了我，他/她可能试图在

Electron

应用程序中使用此功能。 您必须在特定于浏览器的应用程序中使用此解决方案，但现在不能在

Electron

中使用

---

您的意思是共享/录制桌面吗？或者你的意思是在网站页面上分享/记录活动？Angular仅在浏览器中工作。我想录制桌面，而不仅仅是浏览器/网站。如果Angular仅在浏览器中工作，那么应该如何录制桌面。@WasiF是独立客户端。@trichetriche您能详细说明一下您想说什么吗？对不起，我不明白它在工作吗？我只是想知道如何获得用户的屏幕视图。这是提供用户屏幕流的代码

let stream=wait navigator.getDisplayMedia（{video:true}）

您在屏幕捕获中面临问题吗？不，我只是想知道如何获得屏幕视图。我的意思是如何在浏览器中看到客户端屏幕。创建此组件并观察其工作方式。它就像一个符咒。这是一项新功能，所以在浏览器中添加flag，它将为您工作