有没有办法将集成电路集成到类似于 iFrame 的网站中?
Is there a way to Integrate Circuit into a website similar to iFrames?
我已经尝试使用 iFrame 集成电路,但电路不允许这样做。
<iframe width="1280" height="749" src="http://circuitsandbox.net/#/"></iframe>
这给出了网站拒绝连接的错误。
有谁知道如何在不自己构建完整应用程序的情况下实现相同的功能?
不,正如您所指出的,Circuit 不允许 运行 在 iFrame 中。 Circuit 是一个包含多个面板的大型应用程序,无论如何在 iframe 中都不是理想的。
有几个示例说明如何使用 JS SDK 轻松地重新创建某些功能。请参阅 https://circuit.github.io/jssdk.html, or a complete app at https://github.com/circuit/circuit-sdk-app.
中的个别小示例
或者另一个不错的选择是使用 Circuit Web 组件 (https://www.npmjs.com/package/@unify/circuit-web-components) or Vue components (https://www.npmjs.com/package/@unify/vue-components)。
例如,使用 Circuit Web 组件,您只需几行代码即可创建具有视频会议功能的应用程序:
<circuit-call-button
video
domain="circuitsandbox.net"
clientId="f06c51a30f0d4eb6acc05829c3e86266"
target="ce4417ee-d59a-4d37-b486-52e6cef1ac35"
callingText="Starting..."
joinText="Join conference">Start conference</circuit-call-button>
<circuit-call-stage></circuit-call-stage>
代码来自 https://github.com/circuit/circuit-web-components/blob/master/examples/videoConference.html
或根据 https://github.com/circuit/circuit-web-components/blob/master/examples/chat.html
使用 circuit-conversations-list 和 circuit-chat 网络组件的聊天应用程序
我已经尝试使用 iFrame 集成电路,但电路不允许这样做。
<iframe width="1280" height="749" src="http://circuitsandbox.net/#/"></iframe>
这给出了网站拒绝连接的错误。
有谁知道如何在不自己构建完整应用程序的情况下实现相同的功能?
不,正如您所指出的,Circuit 不允许 运行 在 iFrame 中。 Circuit 是一个包含多个面板的大型应用程序,无论如何在 iframe 中都不是理想的。
有几个示例说明如何使用 JS SDK 轻松地重新创建某些功能。请参阅 https://circuit.github.io/jssdk.html, or a complete app at https://github.com/circuit/circuit-sdk-app.
中的个别小示例或者另一个不错的选择是使用 Circuit Web 组件 (https://www.npmjs.com/package/@unify/circuit-web-components) or Vue components (https://www.npmjs.com/package/@unify/vue-components)。
例如,使用 Circuit Web 组件,您只需几行代码即可创建具有视频会议功能的应用程序:
<circuit-call-button
video
domain="circuitsandbox.net"
clientId="f06c51a30f0d4eb6acc05829c3e86266"
target="ce4417ee-d59a-4d37-b486-52e6cef1ac35"
callingText="Starting..."
joinText="Join conference">Start conference</circuit-call-button>
<circuit-call-stage></circuit-call-stage>
代码来自 https://github.com/circuit/circuit-web-components/blob/master/examples/videoConference.html
或根据 https://github.com/circuit/circuit-web-components/blob/master/examples/chat.html
使用 circuit-conversations-list 和 circuit-chat 网络组件的聊天应用程序