"Onebox Assistant"，可靠地抓取那些预览！

自定义 插件
93

Ed，我正在调查一件事。

看起来 API 现在无法返回源数据了，尽管他们的文档声称这仍然受支持。

有消息后我会告诉你。

另外，我代码中一条很有用的日志语句出了 bug！

1 个赞
94

我收到了服务作者发来的邮件，内容如下：

抱歉，由于其他改动，花的时间稍长了一些，但现在应该已经上线了（希望如此！）。

他更新了服务，但我没发现任何变化。不过你倒是看到了 ))

1 个赞
95

这应该返回一个结果并包含 source 字段。它确实返回了结果，但未包含 source 键值对。

curl -H "x-api-key:$$$my-key$$$" https://api.embed.rocks/api?url=https%3A%2F%2Fnews.bbc.co.uk&include=source
2 个赞
96

好的，现在它在我这里开始工作了，使用的是：

image
image639×131 3.78 KB

以及插件的最新版本（我发布了一个小修复，用于在响应中存在空源字段时记录警告日志）

现在试试吧。

2 个赞
97

现在可以正常工作了。但使用仪表板上仍然没有活动记录，而且速度非常慢。当有 20 个 YouTube 链接时，获取所有视频需要 2 分钟。我们可以加快处理速度吗？

1 个赞
98

很好。

API 的响应速度不在我的职责范围内。关于仪表盘我也不太清楚 :slight_smile: 也许数据更新前会有延迟。

祝好。

2 个赞
99

我恳请您再检查一下 YouTube 的另一个问题。
上次更新后，所有 YouTube 缩略图的生成方式都发生了变化。

它们比视频区块小，并出现了黑色区域。能否请您用您的实例检查一下这个链接？

https://www.youtube.com/watch?v=m_DS_WHVy48

1 个赞
100

这离题了。

该插件仅更改获取元数据的路由，您需要去其他地方反映这个问题。遗憾的是，我没有时间处理更多非我负责的议题 :)。

6 个赞
101

你好，Robert！你的插件在最近的 Discourse 更新后是否正常工作？

我发现了一个 bug。在编辑器的预览窗口中没有显示图片，但保存草稿后错误就消失了。看来是预览窗口出现了问题。

image
image1634×233 28.1 KB

1 个赞
102

any plans to support Instagram reels?

embed.rocks…

{
  "url": "https://www.instagram.com/reel/CMDWeC7g7UK/",
  "site": "www.instagram.com",
  "favicon": {
    "url": "https://www.instagram.com/favicon.ico",
    "safe": "https%3A%2F%2Fwww.instagram.com%2Ffavicon.ico"
  },
  "title": "Instagram",
  "description": "abcbrisbane                                                         Verified                                                                                     4,206 posts                   ·                   62.6k followers",
  "article": "<div><div>\n              <p><span>abcbrisbane</span>\n                \n                  <span>\n                    Verified\n                  </span>\n                \n              </p>\n              <p><span>\n                  4,206 posts\n                  &#xB7;\n                  62.6k followers\n                </span>\n              </p>\n            </div></div>",
  "images": [
    {
      "url": "https://scontent-iad3-1.cdninstagram.com/v/t51.2885-15/e35/156768077_174277514307696_333807332882305732_n.jpg?tp=1&_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=100&_nc_ohc=uG5Srww55lEAX9JmzsV&ccb=7-4&oh=459a330309ca6a231241a1ebbcc10815&oe=60548228",
      "safe": "https%3A%2F%2Fscontent-iad3-1.cdninstagram.com%2Fv%2Ft51.2885-15%2Fe35%2F156768077_174277514307696_333807332882305732_n.jpg%3Ftp%3D1%26_nc_ht%3Dscontent-iad3-1.cdninstagram.com%26_nc_cat%3D100%26_nc_ohc%3DuG5Srww55lEAX9JmzsV%26ccb%3D7-4%26oh%3D459a330309ca6a231241a1ebbcc10815%26oe%3D60548228",
      "width": 720,
      "height": 1280
    }
  ],
  "videos": [
    {
      "url": "https://scontent-iad3-1.cdninstagram.com/v/t50.2886-16/156535627_243445060829263_4933319464983284914_n.mp4?_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=107&_nc_ohc=wT9AGKAnNIgAX8xqrbt&ccb=7-4&oe=605492EA&oh=d651f243b067b67ea3dcc1fcc9a576bb",
      "secureUrl": "https://scontent-iad3-1.cdninstagram.com/v/t50.2886-16/156535627_243445060829263_4933319464983284914_n.mp4?_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=107&_nc_ohc=wT9AGKAnNIgAX8xqrbt&ccb=7-4&oe=605492EA&oh=d651f243b067b67ea3dcc1fcc9a576bb",
      "type": "video/mp4"
    }
  ],
  "audios": [],
  "type": "video",
  "oembed": {
    "version": "1.0",
    "author_name": "abcbrisbane",
    "provider_name": "Instagram",
    "provider_url": "https://www.instagram.com/",
    "type": "rich",
    "width": 658,
    "html": "<blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https://www.instagram.com/reel/CMDWeC7g7UK/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"13\" style=\" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\"><div style=\"padding:16px;\"> <a href=\"https://www.instagram.com/reel/CMDWeC7g7UK/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;\" target=\"_blank\"> <div style=\" display: flex; flex-direction: row; align-items: center;\"> <div style=\"background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"></div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"></div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"></div></div></div><div style=\"padding: 19% 0;\"></div> <div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\"><svg width=\"50px\" height=\"50px\" viewBox=\"0 0 60 60\" version=\"1.1\" xmlns=\"https://www.w3.org/2000/svg\" xmlns:xlink=\"https://www.w3.org/1999/xlink\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g transform=\"translate(-511.000000, -20.000000)\" fill=\"#000000\"><g><path d=\"M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631\"></path></g></g></g></svg></div><div style=\"padding-top: 8px;\"> <div style=\" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\"> View this post on Instagram</div></div><div style=\"padding: 12.5% 0;\"></div> <div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\"><div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"></div> <div style=\"background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"></div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"></div></div><div style=\"margin-left: 8px;\"> <div style=\" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"></div> <div style=\" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)\"></div></div><div style=\"margin-left: auto;\"> <div style=\" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"></div> <div style=\" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"></div> <div style=\" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"></div></div></div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"></div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"></div></div></a><p style=\" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;\"><a href=\"https://www.instagram.com/reel/CMDWeC7g7UK/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;\" target=\"_blank\">A post shared by ABC Brisbane (@abcbrisbane)</a></p></div></blockquote>\n<script async src=\"//platform.instagram.com/en_US/embeds.js\"></script>",
    "thumbnail_url": "https://scontent.cdninstagram.com/v/t51.2885-15/sh0.08/e35/p640x640/156768077_174277514307696_333807332882305732_n.jpg?tp=1&_nc_ht=scontent.cdninstagram.com&_nc_cat=100&_nc_ohc=uG5Srww55lEAX9n1PBr&ccb=7-4&oh=e7a86224012bc80afe9e882dbb5722ff&oe=60550A92",
    "thumbnail_width": 640,
    "thumbnail_height": 1137
  },
  "duration": 2545,
  "html": "<div class=\"card\">\n    <video controls loop>\n      <source type=\"video/webm\" src=\"https://scontent-iad3-1.cdninstagram.com/v/t50.2886-16/156535627_243445060829263_4933319464983284914_n.mp4?_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=107&_nc_ohc=wT9AGKAnNIgAX8xqrbt&ccb=7-4&oe=605492EA&oh=d651f243b067b67ea3dcc1fcc9a576bb\">\n    </video>\n    \n    <div class=\"card-text\">\n      <h3>Instagram</h3>\n      <p>abcbrisbane                                                         Verified                                                                                     4,206 posts                   ·                   62.6k followers</p>\n      \n        <p class=\"fav\">\n          <img onerror=\"this.style.display='none'\" class=\"favicon\" src=\"https://www.instagram.com/favicon.ico\">\n          www.instagram.com\n        </p>\n    </div>\n  \n  </div>"
}

discourse…

image
image799×167 6.61 KB

1 个赞
Onebox for Instagram Reels
103

在 Instagram 上工作简直是一场噩梦：confused:

作为一家社交媒体公司，他们却非常“反社交”。

如果图片能嵌入，视频就会失败；如果视频能正常播放，电视端就会出错；如果电视端没问题，Reels 又会失败……如此循环，永无止境：pensive:

以至于我们现在已经不再为 Instagram 的帖子操心或在意了。

4 个赞
104

目前无法复现此问题。我将在月底再次尝试。

3 个赞
105

如果它在原生安装的一个框中有效，那么在这里也应该有效。

如果它在一个框中无效，那么在这里也不会有效。

这个插件所做的只是提高你成功抓取页面源代码数据的机会，然后将其传递给 onebox :)。

4 个赞
106

我已安装此插件，但遗憾的是无法使其正常工作。

以下是我的设置：

settings
settings1332×880 97 KB

（API 密钥也已设置，但未在图片中显示）

有什么方法可以排查编辑器为何无法生成任何 onebox 吗？当我在新行中粘贴链接后，会短暂显示加载动画，但随后没有任何内容出现。我已检查 Discourse 的 /logs，但其中没有报错。

我使用的是 Discourse 2.7.0.beta5 (9be99c055f) 和 discourse-onebox-assistant 2.0.2。已在多个浏览器中尝试。（在安装插件之前，onebox 功能在某些网站上可以正常工作）

107

请尝试保存帖子，然后检查。我现在遇到的问题是，保存帖子之前没有预览图片，但保存后就会出现。

1 个赞
108

刚试过，发布后没有生成。也尝试重建了 HTML，但依然无效。
我已在 embed.rocks 上检查过，这些 URL 是受支持的。

109

我有相同的设置，在我这里可以正常工作。抱歉，我不知道您无法使其正常工作的原因。

110

:disappointed: 有没有办法对插件进行故障排查或调试，以了解出现此问题的原因？

111

这在我最近的重建环境中运行完美。你能分享一下你试图显示的链接吗？

请注意，如果你之前尝试过将某个链接“一键预览”（onebox），Discourse 核心会缓存该结果。

你可以在链接末尾添加一个随机查询字符串来绕过缓存，例如：https://mylink.com/todaynews?random=random

你也可以检查 API 是否正常响应，例如：

curl -X GET "https://api.embed.rocks/api/?url=https%3A%2F%2Fnews.bbc.co.uk%0A&skip=article,description,oembed,imextra&include=source" -H "x-api-key: %%%your-api-key%%%"

请在你的服务器上执行此操作。

你需要对要调用的网站（即 url 参数的值）进行 URL 编码，可以使用类似 这个 的网站（不保证可靠性！）。

3 个赞
112

感谢这篇详尽的帖子！

不过，这个问题……在我没做任何特殊操作的情况下就解决了。我不得不安装另一个插件，于是重新构建了 Discourse，之后不久问题就解决了。我不确定这是否是解决问题的原因，但如果再次发生，我一定会按照你的指示操作 :slight_smile:

2 个赞