随着 Web 应用程序的快速发展，前端开发变得越来越重要。我们需要一些工具来简化开发过程。其中之一就是 npm 包 oembed-providers。
什么是 oembed-providers？
oembed-providers 是一个 npm 包，它提供了一个库，用于获取 oembed 数据。oembed 数据是一个 JSON 对象，用于嵌入其他网站上的内容，如视频、音频、图片等。
oembed-providers 中包含了一些常用的 oembed 服务提供商，比如 YouTube、Vimeo、SoundCloud 等，它们的 oembed 数据将全部在一个 location 中，方便我们取用。
oembed-providers 安装
我们可以使用 npm 安装 oembed-providers：
npm install oembed-providers
安装完成后，我们可以在项目中引入它：
const oembedProviders = require('oembed-providers');oembed-providers 使用
oembed-providers 提供了一个 get 方法来获取 oembed 数据。我们需要指定一个 URL 和一个 oembed 服务提供商（provider）的关键字。
const oembed = oembedProviders.get("https://www.youtube.com/watch?v=dQw4w9WgXcQ", "youtube");
console.log(oembed);这将输出以下内容：
-- -------------------- ---- ------- - ---------------- ---------- --------------- --------------------------- -------- ----- ------ - ----- ----- ---- --- -- --------- ----- -------- ------- -------- ------- -------- ------------- -------------- ---------------------------------------------------------------- ----------------- ---------------------- --------- ---------------- ---------- -------------------- --------------------------- ---------------- --------------------------------------------------- ------------------ ---- ------------------- ---- -------------- ----------------- ------------- ---------------------------------------------- ---------- ------ -------- ---- --------- --- -
我们可以看到返回了一个 JSON 对象，其中包含了 oembed 数据。
在上面的例子中，我们使用了 YouTube 作为我们的 oembed 服务提供商，并将其关键字传递给了 get 方法。oembed-providers 中还提供了其他一些 oembed 服务提供商，可以在文档中查看。
oembed-providers 示例代码
-- -------------------- ---- ------- ----- --------------- - ---------------------------- ----- --- - ---------------------------------------------- ----- --------- - ----------- -------- -------------- --- ---- -------- -- ---------- - ----- ------ - ------------------------ ---------- ----- ----- - ------------- ------------------------ --------- ----------- -
这将输出：
youtube provider: Rick Astley - Never Gonna Give You Up (Official Music Video) vimeo provider: The Vimeo HTML5 player <iframe> embed code soundcloud provider: THE SOUND YOU NEED - REGGAE MIX #1
在上面的示例中，我们使用了 for 循环来获取三个 oembed 服务提供商（YouTube、Vimeo 和 SoundCloud）的数据，并打印它们的标题。你可以更改 providers 数组里的内容，尝试您自己的 oembed 服务提供商。
结论
oembed-providers 简单易用，可以为我们提供方便，帮助我们获取来自不同 oembed 服务提供商的数据，轻松地嵌入它们的内容到我们的网站上。
最后，希望这篇文章能帮助你开始使用 oembed-providers。你也可以在文档中查看更多的内容。学习与实践是不可分割的，去尝试一下吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066fad3d1de16d83a671f7