Question

我正在尝试使用HTML 5项目模板制作音频播放器。我使用以下HTML代码：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="/html/css/phone.css" />
        <title>Windows Phone</title>
    </head>
    <body>
        <div>
            <p>Audio Player</p>
        </div>
        <div id="page-title">
            <p>Play Audio</p>
            <audio controls="">
            <source src="horse.ogg" type="audio/ogg">
             Your browser does not support the audio element.
            </audio>
        </div>
    </body>

</html>

我选择了这段代码from here，我已将“horse.ogg”添加到解决方案资源管理器中，如下面的屏幕截图所示......

enter image description here

但是当我运行这个应用程序时，我得到以下输出，它显示为

无效来源

但是当我使用浏览器打开相同的html时，我能够正确播放该文件。

enter image description here

可能是什么问题？

有没有更好更简单的方法可以播放我将添加到解决方案资源管理器并使用HTML 5播放的音频文件？我计划添加10-15个小而有趣的音频剪辑，该应用程序将允许用户选择它并使用HTML 5播放。

请分享您的想法。

Answer 1

正如错误消息所示，它是无效的来源。

Internet Explorer 10不支持Ogg音频文件，但支持MP3文件。将你的Ogg转换为MP3，它应该可以正常工作。

<audio controls>
   <source src="horse.mp3" type="audio/mp3">
</audio>

此外，如果您只提供一个来源，则可以使用音频元素的src属性：

<audio src="horse.mp3" controls></audio>

但是，如果您仅针对某种特定类型的浏览器，则仅建议这样做。

在Windows 8 Phone中无法使用HTML 5播放音频

1 个答案: