如果你正在寻找一种方便地从服务器获取音频文件的方法，那么这篇文章就是为你准备的。今天我们将介绍一个非常好用的 npm 包，它能够帮助你轻松地在前端应用中使用音频文件。
这个 npm 包的名称是 @sygnas/audio-src。它是一个用于获取音频文件的工具库，可以让你通过简单的调用来获取音频文件的协议和 URL。
安装
你可以使用以下命令来安装 @sygnas/audio-src：
npm install @sygnas/audio-src
应用
使用 @sygnas/audio-src 包非常简单。在你的 JavaScript 文件中加入以下代码：
import {AudioSrc} from '@sygnas/audio-src'; const url = 'http://example.com/example.mp3'; // 音频文件 URL const audioSrc = new AudioSrc(url); console.log(audioSrc.protocol()); // 输出协议名称 console.log(audioSrc.url()); // 输出音频文件 URL
在上面的代码片段中，我们创建了一个 AudioSrc 实例，然后分别获取了该实例的协议和 URL。而如果你需要向服务器发送一些额外参数，例如 token，那么可以在第二个参数中传入这些参数：
-- -------------------- ---- ------- ------ ---------- ---- -------------------- ----- --- - --------------------------------- -- ---- --- ----- ----- - ----------- -- -- -------------------- -- -- -------- ------------ ----- -- ----- -------- - --- ------------- --------- --------------------------------- -- ------ ---------------------------- -- ------ ---展开代码
附加选项
如果你需要对请求做出更多控制，可以在第二个参数中传入更多参数。下面是可用的参数列表：
| 名称 | 类型 | 说明 |
|---|---|---|
credentials |
'omit'|'same-origin'|'include' |
包含 cookie 的请求的凭据信息。默认值为 'omit'。 |
headers |
Record<string, string> |
要添加到请求中的自定义标头。 |
method |
'GET'|'POST'|'PUT'|'DELETE'|'HEAD'|'OPTIONS'|'PATCH' |
请求使用的 HTTP 方法。默认为 'GET'。 |
mode |
'cors'|'same-origin'|'no-cors'|'navigate' |
请求的模式。默认情况下是 'cors'。 |
referrer |
'no-referrer'|'no-referrer-when-downgrade'|'origin'|'origin-when-cross-origin'|'unsafe-url' |
明确请求来源的 URL。默认值为隐式 referrer。 |
referrerPolicy |
'no-referrer'|'no-referrer-when-downgrade'|'origin'|'origin-when-cross-origin'|'unsafe-url' |
指示不允许用户代理发送 referrer 的方法。默认值为 'strict-origin-when-cross-origin'。 |
示例代码：
-- -------------------- ---- ------- ------ ---------- ---- -------------------- ----- --- - --------------------------------- -- ---- --- ----- ----- - ----------- -- -- -------------------- ----- ------- - - ------------ ---------- -- ----- ------ -------- - --------------- ------------------- -- ------- ---------------- ------- - - ------ -- -- ----- -- ------- ------- -- -- ---- -- ----- ------ -- ---- ---- -- -- -- -- -------- ------------ ------- -- ----- -------- - --- ------------- --------- --------------------------------- -- ------ ---------------------------- -- ------ ---展开代码
结论
在本文中，我们介绍了一个很方便的 npm 包 @sygnas/audio-src。这个包可以让你轻松地获取音频文件的协议和 URL，同时也提供了很多可选的参数来控制请求的内容。希望这篇文章能够帮助你完成前端应用中的音频文件查询和获取。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600575a281e8991b448ea66f
