Is there a way in which I can embed Google meets in my angular 12
web-app using i-frame
or their SDK
(if they provide).
On trying to open a Google meet meeting in an i-frame I receive the see below error message. I haven't discovered any proper documentation for integrating a SDK for Google meets.
HTML code:
<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>
Typescript code:
constructor(private route: ActivatedRoute, public ds: DomSanitizer) {}
url: SafeResourceUrl;
url1: string;
onSubmit() {
this.url = this.ds.bypassSecurityTrustResourceUrl(this.url1);
console.log(this.url);
}