Question

我有一个网站www.askvioletnow.com。我添加了一个flash MP3播放器，当你转到页面时播放声音片段。

我知道Flash在iPhone OS上不起作用，但有没有办法让这种类型的MP3播放器在iPhone上运行？我想也许是一个javascript mp3播放器。

我最终想要的是用不同的MP3播放器替换我的flash MP3播放器，并让它在Windows和Mac电脑以及iPhone设备上都可用。

提前致谢。

Answer 1

您需要在HTML5中使用<audio>标记...您还需要更改您的文档类型以匹配。因此，您可以使用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和ipods

<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))

Answer 2

当然你将无法使用闪光灯。一种选择是使用HTML5。这是一个即用型基于html5的音频播放器：http://www.happyworm.com/jquery/jplayer/

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

Answer 3

这是一个适合我的简单解决方案。它是一个JavaScript，可以显示内置的HTML5 MP3播放器，它不能配置为对IOS用户来说很好看。

它向不是IOS用户的所有人显示闪存MP3播放器。我使用了谷歌播放器，已经停止使用。您可以使用任何您想要的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>

有没有办法将MP3播放器添加到我的网站，以便iPhone和iPad用户可以使用它

3 个答案: