在 Web 开发中，我们经常需要嵌入外部资源如视频、音频或其他网站的嵌入式内容。oEmbed 是一种标准协议，用于允许我们从外部站点嵌入内容并自动获取元数据。oembetter 是一个 npm 包，它可以帮助我们更好地使用 oEmbed 协议，并提供了一些增强功能。
安装 oembetter
首先，在你的项目中安装 oembetter：
npm install oembetter --save
使用 oembetter
oembetter 提供了一个简单的 API，只需传递 URL 即可获取嵌入代码和元数据。
const oembetter = require('oembetter');
const url = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
oembetter(url).then(data => {
console.log(data);
});输出将是包含嵌入代码和元数据的对象，例如：
-- -------------------- ---- ------- - -------------- ----------------- ------------- ---------------------------------------------- --------- ---- ------- -------- ------------- -------------- ---------------------------------------------------------------- ----------------- ---------------------- --------- ---------------- ---------------- ---------- -------------------- --------------------------- ---------------- ---------- --------------- --------------------------- ------------------- ---- ---------------- --------------------------------------------------- ------------------ ---- -------- ----- ------ - ----- ----- ---- --- -- --------- ------- -------- ------ ---------------------------------------------- ---------- ------ -------- --- -
我们可以使用这些数据来呈现嵌入内容，并自定义外观。
增强功能
oembetter 还提供了一些增强功能，我们可以使用它们来自定义 oEmbed 数据的返回值。例如，我们可以使用 maxwidth 和 maxheight 参数来限制返回的嵌入代码的大小：
const oembetter = require('oembetter');
const url = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
oembetter(url, { maxwidth: 500, maxheight: 300 }).then(data => {
console.log(data);
});输出将是包含限制大小的嵌入代码和元数据的对象。
总结
oembetter 是一个实用的 npm 包，可以帮助我们更好地使用 oEmbed 协议，并提供了一些增强功能。我们可以使用它来获取嵌入代码和元数据，并自定义外观。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/53754