js调用Python函数

最新推荐文章于 2023-09-07 17:21:18 发布

chenf0

最新推荐文章于 2023-09-07 17:21:18 发布

阅读量1.2w

点赞数 12

分类专栏：常见问题文章标签： javascript python 前端

本文链接：https://blog.csdn.net/chenfang0529/article/details/121977992

版权

本文档描述了如何通过JavaScript调用Python函数，实现从目标检测或跟踪的结果中生成带有标注框和文字的图片，并进一步合成视频。首先确保eel库的安装和配置，然后暴露Python函数给JavaScript调用，接着在前端页面加载时运行显示函数，将处理后的图片合成为视频。过程中解决了Python中OpenCV写汉字乱码的问题。最后，虽然遇到了一些错误，但通过调整已成功实现功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想要实现一个功能：

输入：目标检测或者跟踪或者车牌识别的结果以及原始图片帧序列
输出：将目标检测的bbox框画到图片上以及车牌识别等文字写到图片上，生成结果展示视频，进行可视化，在前端网页中进行展示。
因为直接用js在图片中画框，写文字以及合成视频比较麻烦，因此考虑到直接用python实现，写个函数让js调用，返回生成视频的路径，前端获取路径进行展示即可

一、跑通js调用Python函数过程

参考链接：

https://blog.csdn.net/brook_/article/details/80774393

首先将整个过程跑通，然后再来进行业务代码的书写

1.安装eel及其他

pip install eel # 安装eel

2.把python函数暴露给js

@eel.expose              
def my_add(a, b):
    return a+b

3.在js中引入eel,调用python函数

  <script type="text/javascript" src="/eel.js"></script>
  <script type="text/javascript">
     async function test(){
   
    // 调用python函数
    const res = await eel.my_add(3,4)();
    console.log(res);
  }
  </script>