2012-07-10 83 views
0

我想在帶有html5音頻標籤的jsp頁面中播放mp3或ogg文件。 當我在純html頁面中使用音頻標籤時,一切正常,但當我嘗試在jsp頁面中使用它時,似乎沒有任何工作。如何在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,但沒有任何工作。

回答

0

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

可能不存在(你自己的機器上假設在8080端口上Web容器中運行)的URL。

audio標記的src屬性是一個URL,而不是客戶端或服務器計算機上的文件路徑。

0

具體而言,瀏覽器旨在檢測嵌入文件的MIME類型。 嘗試使用嵌入標籤而不是源標籤。 嵌入標籤用於在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> 

它只是一個示例代碼和未經測試。

另一個問題可能是源文件不可用。

如果你可以指定錯誤,它將是eaiser來幫助

+0

注意:某些舊版本的瀏覽器並不完全支持HTML5 – heretolearn 2012-07-10 11:35:18