[解決済み] 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であり、クライアントマシンやサーバーマシン上のファイルパスではありません。
関連
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] HTMLのテーブルを部分的に透明にするには?
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】JSP 2を使用して、JSPファイル内のJavaコードを回避するにはどうすればよいですか?
-
[解決済み】オーディオを再生するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】フッターをページの下部に中央に配置するにはどうすればよいですか?
-
[解決済み] span with onclick event inside the tag
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] d3.tipが動作しないのはなぜですか?
-
[解決済み] 以下のHTMLフォームの例で、「mailto:[email protected]」とは何ですか?
-
[解決済み] :last-child が期待通りに動作しない?
-
[解決済み] 入力のラジオ要素を水平に揃えるにはどうしたらいいですか?
-
[解決済み] Railsです。railsアプリで<img src= >をimage_tagに変換する方法
-
[解決済み] HTML CSS インビジブルボタン
-
[解決済み] HTMLのバックスペース