在 Web 开发中，我们经常需要嵌入外部资源如视频、音频或其他网站的嵌入式内容。oEmbed 是一种标准协议，用于允许我们从外部站点嵌入内容并自动获取元数据。oembetter 是一个 npm 包，它可以帮助我们更好地使用 oEmbed 协议，并提供了一些增强功能。
安装 oembetter
首先，在你的项目中安装 oembetter：
--- ------- --------- ------
使用 oembetter
oembetter 提供了一个简单的 API，只需传递 URL 即可获取嵌入代码和元数据。
----- --------- - --------------------- ----- --- - ---------------------------------------------- ------------------------ -- - ------------------ ---
输出将是包含嵌入代码和元数据的对象，例如：
- -------------- ----------------- ------------- ---------------------------------------------- --------- ---- ------- -------- ------------- -------------- ---------------------------------------------------------------- ----------------- ---------------------- --------- ---------------- ---------------- ---------- -------------------- --------------------------- ---------------- ---------- --------------- --------------------------- ------------------- ---- ---------------- --------------------------------------------------- ------------------ ---- -------- ----- ------ - ----- ----- ---- --- -- --------- ------- -------- ------ ---------------------------------------------- ---------- ------ -------- --- -
我们可以使用这些数据来呈现嵌入内容，并自定义外观。
增强功能
oembetter 还提供了一些增强功能，我们可以使用它们来自定义 oEmbed 数据的返回值。例如，我们可以使用 maxwidth 和 maxheight 参数来限制返回的嵌入代码的大小：
----- --------- - --------------------- ----- --- - ---------------------------------------------- -------------- - --------- ---- ---------- --- ------------ -- - ------------------ ---
输出将是包含限制大小的嵌入代码和元数据的对象。
总结
oembetter 是一个实用的 npm 包，可以帮助我们更好地使用 oEmbed 协议，并提供了一些增强功能。我们可以使用它来获取嵌入代码和元数据，并自定义外观。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/53754