php - 存储音频路径并在网页上播放

Question

我正在做的工作涉及许多要在网页上播放的简短音频剪辑。我知道播放音频文件的最佳方式是使用音频标签，并将音频文件存储在本地存储中并调用数据库中的路径。

我的主要问题是如何在数据库列中存储音频文件路径以及我必须做什么才能播放该文件？

另外，我不确定文件路径与数据库的交互是如何工作的，有人可以启发我吗？

这也是因为我正在做类似拼写比赛的事情，其中​​将有一个播放按钮或用户可以单击的文本，并且会听到问题旁边的声音，然后他们必须输入他们的内容回答。

现在对我来说重要的是让音频功能发挥作用。

任何意见都将受到极大的赞赏。

Answer 1

我将发布一个简单的示例，然后您可以将其扩展为您需要的任何内容。首先，您需要将音频文件复制到公共(public) html 目录中的一个文件夹中，假设是音频。之后，您需要创建一个数据库并打开与其的连接。您可以在PHP Documentation中阅读相关内容。 。下面是一个 php 文件的示例，该文件连接到数据库存储文件名，然后获取它。数据库结构示例:

id |音频名称
1 个音频1.mp3

<?php
$con = new mysqli("localhost", "user", "password", "database");
if ($con->connect_errno) {
    echo "Failed to connect to MySQL: (" . $con->connect_errno . ") " . $con->connect_error;
}

//We define a constant with the path to audio 
define('PATH','audio/');

//We store the audio file name in database
$result = $con->query("INSERT INTO table(audio_name) VALUES('audio1.mp3')");

//To get values from database you can do this
$audiomp3 = $con->query("SELECT audio_name FROM table WHERE audio_name = 'audio1.mp3'")->fetch_object()->audio_name;

//Full path to audio file
$audiomp3 = PATH . $audiomp3;

//And we create a audio element
$element = "";
$element .= "<audio controls>";
$element .= "<source src='$audiomp3' type='audio/ogg'>";
$element .= "Your browser does not support the audio element.";
$element .= "</audio>";

//Displaying audio element
echo $element;

Remember this is a base example!