我正在尝试使用 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”添加到解决方案资源管理器中,如下面的屏幕截图所示...
但是当我运行这个应用程序时,我得到以下输出,它显示
Invalid Source
但是当我使用浏览器打开相同的 html 时,我能够正确播放该文件。
可能是什么问题?
是否有更好、更简单的方法来播放我将添加到解决方案资源管理器并使用 HTML 5 播放的音频文件?我计划添加 10-15 个小而有趣的音频剪辑,该应用程序将允许用户选择它并使用 HTML 5 播放它。
请分享您对此的想法。
最佳答案
正如错误消息所示,这是一个无效的源。
Internet Explorer 10 不支持 Ogg 音频文件,但支持 MP3 文件。将您的 Ogg 转换为 MP3,它应该可以正常工作。
<audio controls>
<source src="horse.mp3" type="audio/mp3">
</audio>
此外,如果您只提供一个源,则可以使用音频元素的 src 属性:
<audio src="horse.mp3" controls></audio>
但只有当您仅针对一种特定类型的浏览器时,才真正建议这样做。
关于html - 在 Windows 8 Phone 中无法使用 HTML 5 播放音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14516871/