iframe嵌套的https服务，权限开放设置

1、场景：

　　chatGPT开发语音功能，部署服务需要https协议，有个独立的门户需要将服务以iframe嵌入到系统中

2、问题：

　　chatGPT语音服务无法弹出授权开启麦克的提示

3、原因：

　　iframe默认是关闭了相关权限

4、处理：

参考说明

<iframe>标签的 sandbox 属性是一个布尔属性，当存在时表示将在 iframe 内部加载的文档中禁用指定的功能。该属性支持以下几个值：

空值：默认情况下，没有禁用任何功能。
"allow-forms"：允许在 iframe 中提交表单。
"allow-pointer-lock"：允许通过 Pointer Lock API 锁定鼠标指针。
"allow-popups"：允许在 iframe 中打开弹出窗口。
"allow-same-origin"：允许在 iframe 中访问与父级页面具有相同来源的资源。
"allow-scripts"：允许在 iframe 中运行脚本。
"allow-top-navigation"：允许在 iframe 中导航到新 URL。
可以使用空格或分号将多个值组合在一起，例如：
<iframe src="example.com" sandbox="allow-forms allow-scripts"></iframe>

<iframe>标签的 allow 属性是一个用于指定允许在 iframe 中使用哪些功能的属性。该属性接受一个由分号分隔的字符串，其中每个部分都是一个允许使用的功能。

以下是 allow 属性支持的不同功能：

accelerometer: 允许使用设备加速度计。
autoplay: 允许自动播放媒体（在某些浏览器中可能需要静音）。
camera: 允许使用相机。
encrypted-media: 允许解密受版权保护的媒体。
fullscreen: 允许进入全屏模式。
geolocation: 允许对用户位置进行地理定位。
gyroscope: 允许使用设备陀螺仪。
magnetometer: 允许使用设备磁力计。
microphone: 允许使用麦克风。
midi: 允许使用 MIDI 设备。
payment: 允许使用付款请求 API。
picture-in-picture: 允许视频以画中画方式显示。
speaker: 允许使用扬声器。
usb: 允许使用 USB 设备。
例如：
<iframe src="example.com" allow="autoplay; camera; encrypted-media"></iframe>

综合以上参考最终配置：

<iframe id="chatifm" allow="encrypted-media; microphone; fullscreen"  />