1. ホーム
  2. html

[解決済み] jspでaudioタグを使用する方法

2022-02-18 10:11:05

質問事項

html5のaudioタグを使って、mp3やoggのファイルをjspページで再生したいのですが、どうすればいいですか? htmlのプレーンなページでaudioタグを使用するとすべて動作しますが、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にしてみましたが、何もうまくいきませんでした。

どうすればいいですか?

URL

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

はおそらく存在しないでしょう (ウェブコンテナが自分のマシンのポート 8080 で動作していると仮定しています)。

src 属性は audio タグはURLであり、クライアントマシンやサーバーマシン上のファイルパスではありません。