Hello,
I am trying to use an inline frame component to render an sipjs client.
I can verify the page works and is able to find the media devices when rendering the html alone.
The issue is when I render in the perspective, it fails getting local media with the error:
NotAllowedError: The request is not allowed by the user agent or the platform in the current context.
I read a post that the allow property is not set-able in the inline frame component, and the documentation doesn't mention it either. Am I just out of luck using out of the box components for this?
You have to set XFrame options or Content Security Policy headers in the inner site. Your browser is enforcing content security to avoid cross-domain security hazards.
Nothing to be done about it in Ignition.
Sorry, I think saying "rendering" might've implied something different. The iframe loads and I can see the controls I want for my simple sipjs client, here are the headers:
HTTP/1 200 OK
Server: SimpleHTTP/0.6 Python/3.12.3
Date: Fri, 16 May 2025 22:44:08 GMT
Content-type: text/html
Content-Length: 2685
Last-Modified: Fri, 16 May 2025 16:17:42 GMT
X-Frame-Options: ALLOW-FROM https://192.168.1.105:8043
Content-Security-Policy: frame-ancestors 'self' https://192.168.1.105:8043;
Permissions-Policy: microphone=(self https://192.168.1.105:8043)
The issue I think is that I cannot set allow="microphone" in the iframe. I would love to be proven wrong though.