Does anyone know how to embed Google Meets in an Angular 12 web application using an i-frame or their SDK if available?
When attempting to open a Google Meet meeting in an i-frame, I encountered the error message displayed below. I have not been able to find any comprehensive documentation on integrating an SDK for Google Meets.
Here is the HTML code snippet:
<div class="row">
<div class="col-8">
<input type="text" [(ngModel)]="url1" />
</div>
<div class="col-4">
<button (click)="onSubmit()" class="primary">GO</button>
</div>
</div>
<div class="container">
<iframe [src]="url" allow="microphone; camera;fullscreen"
width="1000px" height="1000px"></iframe>
</div>
Below is the TypeScript code section:
constructor(private route: ActivatedRoute, public ds: DomSanitizer) {}
url: SafeResourceUrl;
url1: string;
onSubmit() {
this.url = this.ds.bypassSecurityTrustResourceUrl(this.url1);
console.log(this.url);
}