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

时间:2010-02-10 22:07:46

标签: iphone html macos safari mp3

如何在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类型的问题。

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

6 个答案:

答案 0 :(得分:1)

我想你最好的办法就是在你的网页中调用一个quicktime对象。对于播放mp3文件,最好的办法是提供Winamp .pls style playlist with mimetype audio/x-scpls作为mp3文件的路标。围绕它创建一个嵌入式quicktime对象。尝试使用docs for quicktime:

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

答案 1 :(得分:1)

如果你设法让它工作,它将在QuickTime应用程序(全屏幕)中播放。

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

答案 2 :(得分:1)

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

答案 3 :(得分:0)

嘿,这个简单的html5标签可以解决这个问题

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

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

答案 4 :(得分:0)

正如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>"
>

答案 5 :(得分:0)

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