2

我正在尝试使用 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>

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

在此处输入图像描述

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

无效来源

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

在此处输入图像描述

可能是什么问题呢 ？

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

请分享您对此的看法。

4

1 回答 1

2

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

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

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

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

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

但仅当您仅针对一种特定类型的浏览器时，才真正推荐这样做。

于 2013-01-25T09:37:36.830 回答