Javascript“结束”功能工作不正常答案

【问题标题】：Javascript "ended" function works erraticallyJavascript“结束”功能工作不正常
【发布时间】：2013-10-22 19:36:33
【问题描述】：

为两个 mp3 的音频播放列表设置简单的代码，并在 JSFiddle 中进行了测试...似乎可以正常工作，但在上传时，只能在 Chrome 和 Safari 中播放第一个剪辑，而在 Opera 和 Firefox 中根本不播放任何内容。我正在使用 mp3 和 ogg，所以也许这与我的“结束”功能有关......？ “结束”不一定意味着“加载”对吧？救命！，有人……吗？

JS：

var chant = document.getElementById("music");
chant.addEventListener("ended", function() {
chant2 = document.getElementById("music2");
chant2.play();
});

HTML：

<audio id="music" autoplay="autoplay"><br>
<source src="http://www.siddhicenter.org/media/GANAPATIVEDCSTUTI.ogg" type="audio/ogg" /><br>
<source src="http://www.siddhicenter.org/media/GANAPATIVEDCSTUTI.mp3" type="audio/mpeg" /><br>
Your browser does not support the audio element.<br>
</audio>
<audio id="music2" loop="loop" ><br>
<source src="http://www.siddhicenter.org/media/OmNamahShivaya.ogg" type="audio/ogg" /><br>
<source src="http://www.siddhicenter.org/media/OmNamahShivaya.mp3" type="audio/mpeg" /><br>
Your browser does not support the audio element.<br>
</audio>

提前谢谢...

【问题讨论】：

你确定你上传了 ogg 文件吗？我在 FF 上收到 "NetworkError: 404 Not Found - http://www.siddhicenter.org/media/GANAPATIVEDCSTUTI.ogg" "NetworkError: 404 Not Found - http://www.siddhicenter.org/media/OmNamahShivaya.ogg"。
抱歉，我刚回来回复，但是是的，ogg 和 mp3 文件在网站上...
确实上传了所有文件，mp3 链接有效，但 ogg 似乎没有。不知道怎么了...？
确保您已上传它们并且它们是.ogg 格式，尝试打开链接返回 404：siddhicenter.org/media/OmNamahShivaya.ogg
肯定上传，包括 .ogg 和 .mp3...正如我之前键入的那样，mp3 可以正常工作，而不是 ogg。有任何想法吗？但即使使用 mp3，也只能播放第一个剪辑，而不是第二个。也许我写错了“结束”？...

标签： javascript audio multiple-browsers

【解决方案1】：

我猜你是在 windows 主机中。

在您的根目录中添加 web.config。添加添加ff代码：

<configuration>
 <system.webServer>
   <staticContent>
   <remove fileExtension=".ogg" />
     <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
   </staticContent>
 </system.webServer>
</configuration>

如果你已经有配置标签

插入ff：

<staticContent>
   <remove fileExtension=".ogg" />
 <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
</staticContent>

在您的 system.webServer 标签下。

例如：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="wordpress" patternSyntax="Wildcard">
            <match url="*"/>
                <conditions>
                    <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
                    <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true"/>
                </conditions>
            <action type="Rewrite" url="index.php"/>
        </rule></rules>
    </rewrite>
<staticContent>
   <remove fileExtension=".ogg" />
 <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
   </staticContent>
  </system.webServer>  
</configuration>

【讨论】：