javascript - 允许用户在浏览器上选择和播放音频或视频文件

Question

我想允许用户选择一个音频文件并在浏览器上播放。首先，我使用文件输入来获取音频文件数据

<input type='file'/>

假设 X 代表那个输入，所以如果用户选择一个文件，我可以从 X.files 获取文件数据

然后，我想将数据发送到这个标签

<audio ...></audio>

并提供 UI 以允许用户控制音频

我怎么能在不通过服务器的情况下做这件事？

Answer 1

如果不通过服务器，您将无法做到这一点！

请检查：

如何从 Firefox 3 中的 HTML 输入表单中获取文件路径

---

"<input type="file" />"最显着地用于在远程服务器上上传文件。

如果您希望创建一个网站，用户可以在其中播放他们上传的音乐或观看他们的视频，您应该考虑使用一些服务器端技术来实现文件上传。

您可以从以下其中一项开始：

• PHP
• Python
• Ruby On Rails
• ASP.NET / 微软网络技术

Answer 2

将音频文件存储在您选择和上传的服务器中

<input type-"file">标签。

在此过程中，保留该音频的路径供您参考，并将该路径提供给您的音频标签以播放它。

希望有帮助。