豆包的 pdf 联动阅读功能是怎么做的，有没有前端大佬能看出来的

[mixuxin]

体验豆包的 AI PDF 阅读功能很好用，这个是怎么实现的，有没有大佬有思路

功能：

1. pdf 直接可以按照原来布局翻译
2. 两个 pdf 是同时滚动的
3. 点击翻译后的 pdf 中的段落可以同步选中原文的段落

经过：

1. F12 查看了源码是 html 代码 感觉用了某个组件不知道是啥（看到了 react-vue 的关键字） 2 ，流式翻译，随着阅读滚动翻译之后的内容，否则不会被翻译

疑惑： 功能部分是用了什么工具吗，有没有大佬见过的，还是纯自研~

[mclxly]

最近刚好在做 pdf 的相关工作，略知一二。

关于 1 ，我做的话，会用 paddleocr 。上传 pdf 单页数据，服务器后台 ocr 后返回结果给前端，paddleocr 可以提供识别文字的坐标，在对应坐标处显示翻译文字。

[mixuxin]

@mclxly 大佬可以去体验下，这个流程极其丝滑，
@mclxly 高亮段落 这个大佬怎么看，怎么个思路

[mclxly]

简单看了下，文件被上传到了服务器，大概是在服务器预处理好了，再流式渲染

[defgetitem]

尝试了一下豆包 pdf 功能，确实好用，还不收费

[mixuxin]

@defgetitem 养肥了再杀，哈哈哈

[popzuk]

请问是网页访问还是电脑客户端呀？

[mixuxin]

@popzuk 网页