如何配置BuildFireJS内嵌IFrame以允许访问摄像头和麦克风
BuildFire 插件iFrame配置摄像头麦克风权限解决方法
运行在Widget内部的代码没有权限直接修改父页面渲染的iframe DOM,BuildFire提供了官方配置入口自动注入iframe的权限属性,按以下步骤操作即可:
- 打开插件根目录的
plugin.json配置文件,这是BuildFire识别插件能力、生成对应iframe属性的核心配置 - 在配置中新增
permissions字段,声明摄像头和麦克风使用权限,配置参考:
{ // 其他已有配置保持不变 "permissions": { "camera": true, "microphone": true } }
- 保存配置后重新部署/重载插件,BuildFire宿主层渲染插件Widget的iframe时,会自动追加
allow="camera; microphone"属性,WebRTC的媒体设备访问就不会被浏览器安全策略拦截了。
本地调试临时验证方案:如果只是本地开发快速测功能,可以直接打开预览页的开发者工具,找到id为
widget的iframe节点,手动给它加上allow="camera; microphone"属性即可即时生效,但正式发布必须走上面的plugin.json配置,否则线上环境不会自动注入该属性,权限依然会被拦截。
内容的提问来源于stack exchange,提问作者Devin Dixon
相关产品推荐
相关产品推荐

