首页只编写一个JSP 页面 selectMusic.jsp。该页面使用 select（下拉列表）提供一些歌曲名，用户选择一个一个歌曲名，单击提交健提交给selectMusic.jsp，然后selectMusic.jsp播放用户点击的音乐。

只编写一个JSP 页面 selectMusic.jsp。该页面使用 select（下拉列表）提供一些歌曲名，用户选择一个一个歌曲名，单击提交健提交给selectMusic.jsp，然后selectMusic.jsp播放用户点击的音乐。

时间: 2024-05-09 14:19:00 浏览: 184

由于使用JSP播放音乐需要使用HTML5的audio标签，所以需要确保用户的浏览器支持HTML5。以下是一个简单的selectMusic.jsp页面代码： ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Select Music</title> </head> <body> <h1>Select a Music</h1> <form action="selectMusic.jsp" method="post"> <select name="music"> <option value="music1.mp3">Music 1</option> <option value="music2.mp3">Music 2</option> <option value="music3.mp3">Music 3</option> </select> <br><br> <input type="submit" value="Play" /> </form> <% String music = request.getParameter("music"); if(music != null) { %> <audio controls autoplay> <source src="<%=music%>" type="audio/mpeg"> Your browser does not support the audio element. </audio> <% } %> </body> </html> ``` 该页面包含一个select下拉列表，提供三个音乐选项。用户选择一个音乐后，单击提交按钮，页面重新加载并自动播放用户选择的音乐。在JSP页面中，使用request.getParameter()方法获取用户选择的音乐文件名，并将其作为audio标签中的src属性值。如果用户未选择音乐，则不会播放任何音乐。

阅读全文