`

下拉菜单里选择歌曲播放

阅读更多

jsp页面

 

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <style type="text/css">
      #divmusic1{
        background-image: url("/education/media/images/musicbackground.png");
        border: 1;
        width: 268px;
        height: 395px;
     
      }
     
      #person{
        
           margin-top: 45px;
           margin-left: 50px;
      }
     
      #play{
        
        margin-top: 20px;
          margin-left: 0px;
      }
     
     #music{
         margin-top:20px;
           margin-left:50px;
           width:160px;
     
     }
  </style>
    

  </head>
 
  <body style="margin: 0;padding: 0">
       <div>
               <div id="divmusic1">
                  <div id="person"><img  src="/education/media/images/music_person.png"/></div>
                  <div id="playMusic"><embed id="play" src="/education/views/music/music/water.mp3" autostart=true ></embed></div>
                  <div >
                      <select id="music" onchange="change()" name="music">
                         <option value="选择歌曲">选择音乐</option>
                         <option value="1">春天在哪里</option>
                         <option value="2">小白兔乖乖</option>
                         <option value="3">喜洋洋和灰太狼</option>
                         <option value="4">幸福的孩子爱唱歌</option>
                         <option value="5">捉泥鳅</option>
                         <option value="6">乖孩子</option>
                         <option value="7">一闪一闪亮晶晶</option>
                         <option value="8">好孩子要诚实</option>
                      </select>
                  </div>
                   <div align="center" style="margin-top: 20px;">
                      <img id="yes" src="/education/media/images/commit.png"/>
                  </div>        
               </div>
       </div>
        <script type="text/javascript">
               function change(){
                   var A=document.getElementById("music").value;
                   var a="/education/views/music/music/spring.mp3";
                   var b="/education/views/music/music/rabbit.mp3";
                   var c="/education/views/music/music/Wolf.mp3";
                   var d="/education/views/music/music/HappyChildren.mp3";
                   var e="/education/views/music/music/CatchLoach.mp3";
                   var f="/education/views/music/music/LovelyChildren.mp3";
                   var g="/education/views/music/music/FlashTwinkle.mp3";
                   var h="/education/views/music/music/GoodChildren.mp3";
                if("1"==A){
                    play.stop();
                    document.getElementById("playMusic").innerHTML="<embed name='play' id='play' src='" + a +"' autostart='true'></embed>";
                }
                if("2"==A){
                     play.stop();
                    document.getElementById("playMusic").innerHTML="<embed name='play' id='play' src='" + b +"' autostart='true'></embed>";
                }
                if("3"==A){
                     play.stop();
                    document.getElementById("playMusic").innerHTML="<embed name='play' id='play' src='" + c +"' autostart='true'></embed>";
                }
                if("4"==A){
                     play.stop();
                    document.getElementById("playMusic").innerHTML="<embed name='play' id='play' src='" + d +"' autostart='true'></embed>";
                }
                if("5"==A){
                     play.stop();
                    document.getElementById("playMusic").innerHTML="<embed name='play' id='play' src='" + e +"' autostart='true'></embed>";
                }
                if("6"==A){
                     play.stop();
                    document.getElementById("playMusic").innerHTML="<embed name='play' id='play' src='" + f +"' autostart='true'></embed>";
                }
                if("7"==A){
                     play.stop();
                    document.getElementById("playMusic").innerHTML="<embed name='play' id='play' src='" + g +"' autostart='true'></embed>";
                }
                if("8"==A){
                     play.stop();
                    document.getElementById("playMusic").innerHTML="<embed name='play' id='play' src='" + h +"' autostart='true'></embed>";
                }
               
            }
       </script>
  </body>
</html>

分享到:
评论

相关推荐

    swift-Spotify与iTunes的播放状态快捷显示于macOS菜单栏上

    Spotify提供了Web API,可以获取当前播放的歌曲信息、播放状态等。iTunes则可以通过AppleScript接口来控制和查询播放状态。在Swift中,我们可以使用`ScriptingBridge`框架来与iTunes进行交互。 以下是一些关键步骤...

    怎么给歌曲添加封面?用qq音乐更改歌曲封面的教程.docx

    这时候,你会在“歌曲信息”对话框里看到新选择的封面预览。确认无误后,点击“确定”按钮保存更改。 #### 步骤五:检查更改结果 最后一步,返回到QQ音乐的主界面或者直接打开歌曲所在的文件夹,你将会看到刚刚...

    酷狗音乐如何定时播放?.docx

    在“定时播放列表”中,你可以从你的收藏或者推荐歌单中选择一首你喜欢的歌曲,这样当到达设定的开始时间时,这首歌就会自动播放。 设置完成后,记得点击“确定”或“应用”按钮,以保存你的设置。这样,定时播放...

    怎么用酷狗下载歌曲【图文教程】.docx

    2. **进入下载设置**:点击软件右上角的主菜单图标(通常是一个带有三条横线的按钮),在下拉菜单中找到“下载设置”,选择“自定义”选项。 3. **选择保存路径**:在弹出的设置窗口中,点击“下载目录”旁边的...

    酷狗音乐盒2021怎么上传歌曲.docx

    在下拉菜单中,你会看到“上传歌曲”的选项。点击它,系统会引导你进入文件选择界面。此时,你可以浏览你的电脑文件,找到你想上传的歌曲文件。这些文件可以是MP3、WAV、FLAC、AAC等各种常见的音频格式。选定歌曲后...

    qq音乐2021同时下载歌曲歌词的方法.docx

    2. 在下拉菜单中选择“设置”选项。 3. 在设置界面中找到“高级设置”栏目,点击进入。 4. 在“高级设置”中找到“下载设置”选项,取消“同时下载歌词”前面的勾选。 这样设置后,当下载歌曲时,QQ音乐就不会再...

    酷狗怎么设置定时播放音乐.docx

    在定时设置窗口中,通常会有一个浏览音乐库的选项,你可以从你的收藏夹、最近播放或者推荐歌单中选择你喜欢的歌曲作为定时播放的起点。选好歌曲后,点击“确定”或“应用”,定时播放的设置就完成了。 如果之后你想...

    MediaPlayer:查找和播放目录子目录中所有 .wav 音频文件的 Java 小程序

    选择时钟图标按钮自定义歌曲选择:单击下拉菜单图标打开下拉菜单,您可以在其中选择歌曲(您可以在不关闭媒体播放器的情况下关闭菜单) 搜索歌曲:点击底部矩形填充红色条到特定点(拖动或单击工作)

    diange.zip_java点歌_点歌

    用户通过运行"点歌.html"文件启动该程序,然后在下拉菜单中选择想听的歌曲,浏览器就会播放选定的音乐。 这个点歌系统可能利用了Java的Web技术,例如Servlet或JSP,与HTML页面进行交互,处理用户的请求。"点歌....

    虾米音乐如何使用iTunes压制CD?.docx

    3. 在下拉菜单中选择"偏好设置",这将打开一个新的窗口,展示iTunes的各种配置选项。 4. 在"偏好设置"窗口中,切换到"导入设置"选项卡。在这个页面,你可以控制iTunes如何处理导入的音频文件。 5. 在"导入使用"的...

    让酷狗中播放歌曲时消除原音.docx

    3. **选择音效插件**:在下拉菜单中选择“音效插件”。这将打开一个新的窗口,允许你添加新的音效插件。 4. **添加插件路径**:在这个新窗口中,你可以通过双击插件框来弹出文件浏览器,然后导航到保存dsp_DeFX....

    酷狗音乐怎么清空列表.docx

    在音乐世界里,酷狗音乐是一款非常流行的音乐播放软件,提供了丰富的音乐库和便捷的播放功能。有时,用户可能需要清理播放列表,以便重新组织或更新自己的音乐收藏。本篇文章将详细讲解如何在酷狗音乐中清空列表,...

    酷狗音乐盒2021怎么分享到微信朋友圈.docx

    用户应该点击分享按钮,接着会出现一个下拉菜单,从中选择“朋友圈”。选择后,会跳转到微信的分享界面。在这里,用户可以编辑分享的内容,可以是自定义文字,也可以使用默认提供的内容。编辑完成后,点击“发送”,...

    天天动听手机版怎么无线导入本地歌曲.docx

    在下拉菜单中,选择“导入歌曲”,这是开启无线导入功能的关键步骤。 接着,天天动听会自动启动Wi-Fi导入功能,并在屏幕上显示一个IP访问地址。这个地址是用于电脑与手机之间的连接,确保在输入时使用完整的地址,...

    怎么设置多米音乐的切歌快捷键?.docx

    3. **选择“选项设置”**:在下拉菜单中找到并点击“选项设置”,进入设置界面。 #### 步骤三:设置快捷键 1. **选择“快捷键”选项**:在设置界面中找到并点击“快捷键”选项卡。 2. **查找“播放下一首”的...

    如何向好友索要QQ空间音乐?.docx

    第二步:在下拉菜单中,选择“索要背景音乐”选项。接下来,你需要选择你想赠送这首音乐的好友。你可以选择全部好友或者只选择那些拥有绿钻特权的好友。绿钻是QQ的一种付费增值服务,它提供了更多的功能和特权。 ...

    千千静听怎么转换格式.docx

    5. 勾选“转换采样频率”的复选框,然后在下拉菜单中选择“22050Hz”。采样频率影响音质,降低采样频率可以减小文件大小,但可能会影响音质。 6. 在“目标文件夹”选项中,指定转换后的文件保存位置,确保你能轻松...

    python +pyqt5 +实战项目 +自制简易音乐播放器

    这可以通过添加一个下拉菜单或复选框让用户选择。在单曲循环模式下,歌曲将一直重复播放,而在列表循环模式下,播放会从列表中的第一首歌曲开始,直到最后一首后再返回到第一首。 7. **调整音量**:音乐播放器应该...

    WORD插入音乐

    在下拉菜单中选择“页眉和页脚”,进入页眉和页脚编辑模式。这是为了在不影响正文内容的情况下,将音乐元素添加到文档的页眉或页脚部分。 在页眉和页脚编辑区,选择“插入”菜单,然后点击“对象”。在弹出的对话框...

    用WinRAR把文件伪装成MP3歌曲.docx

    3. **设置压缩参数**:在弹出的“档案文件名和参数”对话框中,输入你想要的压缩文件名,并在“压缩方式”下拉列表中选择“存储”模式,这样就不会对文件进行压缩。点击“确定”按钮,WinRAR将创建一个RAR压缩文件。...

Global site tag (gtag.js) - Google Analytics