代码之家 › 专栏 › 技术社区 › codingguy3000

有没有办法在我的网站上添加MP3播放器,这样iPhone和iPad用户就可以使用它?

iphone mp3 flash

0

codingguy3000 · 技术社区 · 16 年前

我有一个网站www.askvioletnow.com。我添加了一个FlashMP3播放器,当你进入页面时播放声音片段。

我知道Flash在iPhone操作系统上不起作用,但有没有办法让这种MP3播放器在iPhone上工作?我想可能是一个Javascript MP3播放器。

我最终想要的是用一个不同的MP3播放器替换我的FlashMP3播放器,让它可以在Windows和Mac电脑以及iPhone设备上使用。

事先谢谢。

3 回复 | 直到 11 年前

1

6

phwd 16 年前

您需要使用 <audio> HTML5中的标记…此外,您还需要更改doctype以匹配。因此,您可以使用javascript识别Apple类型的设备,并在必要时切换到音频标记。

将嵌入内容包装在 <div> 给它一个身份证 mp3 这样地

<div id="mp3">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','400','title','Mp3 Player','src','file:///Macintosh HD/Users/phwd/Desktop/mp3player','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','file:///Macintosh HD/Users/phwd/Desktop/mp3player' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="550" height="400" title="Mp3 Player">
    <param name="movie" value="file:///Macintosh HD/Users/phwd/Desktop/mp3player.swf" />
    <param name="quality" value="high" />
    <embed src="file:///Macintosh HD/Users/phwd/Desktop/mp3player.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400"></embed>
  </object></noscript>
</div>

然后在DIV后面添加一些javascript来处理iPhone和iPod

<p><script type="text/javascript" language="javascript">
<!--
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)))
{
     document.getElementById("mp3").innerHTML = "<audio autoplay=\"autoplay\" controls=\"controls\"><source src=\"mp3player.mp3\" /></audio>";
}
-->
</script></p>

编辑 :不确定iPad检测是否有效,但为了完整起见我添加了它。

(navigator.userAgent.match(/iPad/i))

2

4

Alexander Finn 16 年前

当然你不能用闪光灯。一种选择是使用HTML5。以下是一款随时可用的基于HTML5的音频播放器: http://www.happyworm.com/jquery/jplayer/

您还可以查看HTML5音频标签。

3

0

Richard 11 年前

这是一个对我有效的简单解决方案。对于iOS用户来说,它是一个显示内置HTML5 MP3播放器的javascript,但不能将其配置为好看。

它向所有非iOS用户显示FlashMP3播放器。我用的是谷歌播放器,已经停产了。你可以使用任何你想要的MP3播放器。

<div align="center">

<script type="text/javascript">
<!-- Begin
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)))
{
document.write("<div align=\"center\">");
document.write("<audio controls>");
document.write("<source src=\"http://www.YourDomain.com/MP3/YourFileName.mp3\" type=\"audio/mpeg\">");
document.write("</audio>");
} else {
document.write("<embed type=\"application/x-shockwave-flash\" flashvars=\"audioUrl=http://www.YourDomain.com/MP3/YourFileName.mp3\" src=\"http://www.YourDomain.com/PlayerFolder/3523697345-audio-player.swf\" width=\"300\" height=\"27\" quality=\"best\"></embed>");
} 

//-->
</script>