如何在网页中流式传输 mp3 文件？

Question

我想将一个大小为 20MB 的 mp3 音频文件集成到我的网站（PHP 7、Apache 网络服务器）中。

<audio id="myaudio" src="./assets/myaudio.mp3" preload=„none" controls></audio>

• 不应在每次页面加载时都加载 mp3 文件，只有在有人按下播放按钮时才加载。
• mp3 文件应流式传输并立即开始播放（无需等待下载完成）
• mp3 文件也应该在 Firefox 中运行。

有人知道我如何实现这一切吗？

Answer 1

串流 MP3 通过托比麦克

要在页面上流式传输 MP3，您需要有一个 MP3 播放器，例如 WinAmp、Windows Media Player 或 Real Audio Player。 MP3 将在页面加载时进行流式传输，并允许播放更长、更大的声音文件。

1. 将您的 MP3 文件保存到您将播放声音的同一目录，或您已经知道其 URL 的声音目录，

2. 点击开始 => 程序 => 附件 => 记事本打开记事本

3. 只输入您 MP3 文件的确切地址或 URL。

像这样简单地输入它： http://example.com/sound/music.mp3

domain 是您的域，sound 文件夹是您放置 MP3 的位置，music.mp3 是您的 mp3 文件。

将此文件另存为 music.m3u 。将此文件上传到您将放置声音的目录中。

4. 在记事本等编辑器中打开您的页面，这样您就可以编辑页面上的代码。

5. 将以下代码插入页面的 HTML 代码中，以便使用此链接来流式传输可点击的链接：

可点击播放器并通过右键单击下载此文件并保存到您的目录：

<a href="music.m3u"><img border="0" src= "mp3.gif" width="41" height="25"></a>

或者你可以嵌入这个：

<EMBED src="music.m3u" autostart=true hidden=true>

或者您可以使用以下代码同时嵌入 IE 和 Netscape：

<!This code for IE>
<EMBED SRC="http://example.com/sound/music.m3u" HIDDEN="true" AUTOSTART="true" width="128" height="128">
<!This code for Netscape>
<OBJECT ID="MediaPlayer"
classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
standby="Loading Microsoft Windows Media Player components..."
TYPE="application/x-oleobject" width="239" height="179">

<PARAM NAME="FileName" VALUE="http://server/path/your-file.asx">
<PARAM NAME="AnimationatStart" VALUE="false">
<PARAM NAME="TransparentatStart" VALUE="true">
<PARAM NAME="AutoStart" VALUE="true">
<PARAM NAME="ShowControls" VALUE="0">

<Embed TYPE="application/x-mplayer2"
pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=Media&sba=Plugin&"
SRC="http://example.com/sound/music.m3u"
Name=MediaPlayer
ShowControls=0
Width=2
Height=2
</embed>
</OBJECT>