木星:嵌入实时交互小部件

Question

根据木星博客这里，现在可以在静态网页中嵌入交互式小部件：

现在，通过插入包含序列化小部件状态的html片段，可以将动态交互式小部件嵌入到静态网页或博客中。这也适用于自定义小部件库。见http://jupyter.org/embed-jupyter-widgets.html。

当我打开上面的例子，在firefox或chrome中，我就可以得到交互式的小部件了！

但是，如果我用相同的python代码创建一个新笔记本，将笔记本保存为html，然后复制粘贴可嵌入的HTML片段来呈现交互式小部件，那么它就无法工作。充其量，我可以获得小部件状态的图像，但没有任何交互式的。

有人成功地用交互式小部件复制HTML页面吗？我遗漏了什么吗？

Answer 1

我们正是为了这个才做的。您可以使用kyso.io将jupyter笔记本嵌入到网站中，只要BokehJS仪表板支持这些小部件，笔记本就会是交互式的。这是一个示例

PS。(免责声明-我是凯索的创始人之一)

Answer 2

这个问题被问了很长时间了，但我将用今天的技术来回答。

为了嵌入交互式小部件，您需要一个后端，但是有一个名为MyBinder的项目，它可以作为云中的后端免费使用。这被用作一个名为NBinteract的库的基础，它可以在单个HTML页面中转换任何带有交互式小部件的笔记本。

这些HTML从cdn加载一个脚本，并通过自己的方式管理与MyBinder的所有交互。

他们的网站上有一些例子，我还发布了一个在我的博客上发帖，其中我使用了这种技术，以及Dockerfile、ffmpeg、matplotlib、动画和交互式小部件。因此，我相信这个方法是相当稳健和灵活的。

官方文档说，你需要一个回购，但我可以设法使用repo和解决某一问题的主要回购解释如何做它。