streamlit - 将外部 JS 库与 Streamlit 一起使用

Question

如何使用Wavesurfer.js等外部视频/音频 JS 库来渲染我的流光应用程序并与之交互？

标签： streamlit

Answer 1

为了在 Streamlit 中使用外部 JavaScript 库，它们提供了“Streamlit 组件”功能：

https://docs.streamlit.io/en/stable/develop_streamlit_components.html#create-a-bi-directional-component

双向 Streamlit 组件有两个部分：

前端，由 HTML 和您喜欢的任何其他网络技术（JavaScript、React、Vue 等）构建，并通过 iframe 标签在 Streamlit 应用程序中呈现。

一个 Python API，Streamlit 应用程序使用它来实例化该前端并与之对话