如何在iPhone Safari网页浏览器中播放mp3文件？

Question

如何在iPhone Safari（OS 3.1）中播放MP3音频文件？

目前，我正在生成HTML，例如

<a href="file.mp3"><img src="sound.png" alt="Play audio"/></a>

单击嵌套图像播放文件。 这适用于OSX上的Safari，但不适用于iPhone。 在那里，文件的内容显示为文本，但是当使用Firefox的Live HTTP Headers检查时，它似乎不是mime类型的问题。

我找到了这里引用的方法。 这些需要在首选项中启用 Safari插件设置，这就是为什么以前没有为我工作的原因。

Answer 1

我想你最好的办法是在你的网页中调用一个quicktime对象。 对于播放mp3文件，最好的办法是提供一个Winamp .pls风格的播放列表，其中包含mimetype audio / x-scpls ，用作mp3文件的路标。 围绕它创建一个嵌入式quicktime对象。 试试docs for quicktime：

http://www.apple.com/quicktime/tutorials/embed.html

Answer 2

如果你设法让它工作，它将在QuickTime应用程序（全屏幕）中播放。

HTML5声音API在当前的iPhone OS（3.XX）中不可用，但在OS 4.XX中它将可用（至少播放视频而不启动全屏播放器）

Answer 3

使用带有mp3的HTML5音频标签。 http://www.w3schools.com/tags/tag_audio.asp

Answer 4

嘿，这个简单的html5标签将起到作用

<audio src="someUrlToContent" controls="controls"> </audio>

它在iPhone上的作用是打开一个播放按钮，按下时会转到快速时间。 在iPad上，一个擦洗播放控件将出现一个播放/暂停按钮。 在两者上，播放控件的大小与它们所处的div相同

Answer 5

正如jottos所指出的，iPhone 3.x不支持HTML5音频。 如果您想在早期版本的iPhone OS中使用音频，则必须使用Quicktime特定代码。 这个例子实际上嵌入了一个完整的播放列表（不只是一首歌）。 如果您想要一首歌曲，请删除qtnext参数：

<embed
    src="riding-with-the-king.jpg"
    href="songs/01-riding-with-the-king.mp3"
    artworkdata="riding-with-the-king.jpg"
    type="audio/x-mp3"
    target="myself"
    scale="1"
    controller="false"
    loop="false"
    autoplay="false"
    allowembedtagoverrides="true"
    height="500"
    width="500"
    qtnext1="<songs/02 Ten Long Years.mp3> T<myself> E<controller=true autoplay=true loop=false>" 
    qtnext2="<songs/03 Key to the Highway.mp3> T<myself>" 
    qtnext3="<songs/04 Marry You.mp3> T<myself>" 
    qtnext4="<songs/05 Three O'Clock Blues.mp3> T<myself>"
    qtnext5="<songs/06 Help the Poor.mp3> T<myself>"
    qtnext6="<songs/07 I Wanna Be.mp3> T<myself>"
    qtnext7="<songs/08 Worried Life Blues.mp3> T<myself>"
    qtnext8="<songs/09 Days of Old.mp3> T<myself>"
    qtnext9="<songs/10 When My Heart Beats Like a Hammer.mp3> T<myself>"
    qtnext10="<songs/11 Hold on I'm Coming.mp3> T<myself>"
    qtnext11="<songs/12 Come Rain or Come Shine.mp3> T<myself>"
>

Answer 6

我在本地开发系统（Linux / apache2）上遇到过mp3问题。 我只是苹果在本地文件系统中播放Firefox（8）和Chrome（15）中的.OGG文件。 如果我使用音频标签链接到远程.MP3或.OGG文件可能会工作吗？ 我不确定为什么会这样，因为我的大部分本地音乐文件都是MP3，我花了一段时间才弄清楚它是文件格式的问题。