如何在jsp中使用音频标签

时间:2012-07-10 11:15:35

标签: html5 jsp html5-audio

我想在带有html5音频标签的jsp页面中播放mp3或ogg文件。 当我在普通的html页面中使用音频标签时,一切正常,但是当我尝试在jsp页面中使用它时似乎没有任何效果。

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%--<%@page contentType="audio/mpeg3" pageEncoding="UTF-8"%>--%>
<!DOCTYPE html>
<html>
<head>
<!--        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->
    <title>JSP Page</title>
</head>
<body>
    <h1>Hello World!</h1>
    <br>
    <audio controls="controls">  
        <source src="/home/stelios/html5/recit.mp3" type="audio/mp3" />
        Your browser does not support the audio tag.
    </audio> 
</body>
</html>

我还尝试将contentType设置为audio / mpeg3,但没有任何效果。

2 个答案:

答案 0 :(得分:0)

网址

http://localhost:8080/home/stelios/html5/recit.mp3

可能不存在(假设您的Web容器在您自己的计算机上的端口8080上运行)。

src标记的audio属性是URL,而不是客户端或服务器计算机上的文件路径。

答案 1 :(得分:0)

具体来说,浏览器旨在检测嵌入文件的MIME类型。 尝试使用embed标记而不是源标记。 embed标签用于在jsp中包含音频文件。

例如:

<%@ taglib uri="http://java.sun.com/jstl/core" %>

<html>
<head><title>Choose Your Tunes</title></head>
<body>

<h2>Thanks for listining to the song:</h2>

<embed src="ConstantCraving.mp3" width="240" height="160">
</embed>

</body>
</html>

它只是一个示例代码,未经过测试。

另一个问题可能是源文件不可用。

如果您可以指定错误,那么帮助

就更容易了