如何将外部声音文件加载到 nwjs 反应项目 - 缓存它们？答案

【问题标题】：How to load external sound files to a nwjs react project - cache them?如何将外部声音文件加载到 nwjs 反应项目 - 缓存它们？
【发布时间】：2019-07-16 09:40:19
【问题描述】：

这个问题有哪些可能的解决方案：我需要在应用启动时将各种声音文件包含到一个反应应用（使用 nwjs 构建到一个信息亭）中。

让我解释一下预期的行为 - 我有一个将在 Windows 机器上运行的 nwjs kiosk react 应用程序。

它应该在应用启动时通过 rest api 抓取一些声音的 UNC 路径。
为了播放声音，我需要将这些路径作为资源（位于 src 文件夹之外）包含在应用中。

有可能吗？

我很清楚从项目的 src 文件夹链接。但是，当我事先不知道路径时，如何链接 src 文件夹之外的路径？

import OKSound from "./OK.wav";

谢谢！

【问题讨论】：

标签： reactjs rest audio unc nwjs

【解决方案1】：

使用音频标签从“外部”播放声音似乎没有问题，但它实际上是在使用 nwjs 创建 exe 后才播放声音！

const url = "http://example.com/sound.wav";
<audio autoPlay>
<source src={url} type="audio/wav" />
Your browser does not support the audio element.
</audio>

【讨论】：