简单的音乐播放器代码。。。

最新推荐文章于 2024-08-23 15:48:00 发布
最新推荐文章于 2024-08-23 15:48:00 发布
阅读量1.7k 收藏 5
点赞数 1
分类专栏： html 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liubinblog/article/details/9060055
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>音乐播放器</title>

    <script type="text/javascript">
                  
                //保存当前播放曲目在列表中的索引  
                var index = 0;  
                //var timer = null;  
                function $(oid){  
                    return document.getElementById(oid);  
                }  
                  
                //下一首  
                function next(){  
                    if (index<$('playList').options.length-1){  
                        index++;  
                        $('wmp').URL=$('playList').options[index].value;  
                        $('playList').selectedIndex=index;  
                    }  
                }  
                  
                //上一首  
                function pre(){  
                    if (index>0){  
                        index--;  
                        $('wmp').URL=$('playList').options[index].value;  
                        $('playList').selectedIndex=index;  
                    }  
                }  
                  
                //检查播放器的状态  
                function checkState(){  
                      
                  if ($('wmp').playState==1){  
                      next();  
                  }  
                  window.setTimeout("checkState()",1000);  
                }  
                  
                //当浏览器加载完毕之后播放列表里面的第一首歌曲  
                window.οnlοad=function(){  
                    $('wmp').URL=$('playList').value;  
                    $('playList').selectedIndex=index;  
                      
                    //设置一个定时器,检测播放器的状态  
                    window.setTimeout("checkState()",2000);  
                }  
                  
                //快进  
                 function Forward(){  
                        $('wmp').controls.fastForward();  
                }   
                  
                //快退           
                function reverse(){  
                    $('wmp').controls.fastReverse();  
                }   
              
    </script>   




</head>

    <body>  
            <table>  
                <tr>  
                    <td>  
                        <object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="wmp">  
                  
                        <!-- 媒体文件地址 -->             
                          
                        <param name="rate" value="1" />  
                        <param name="balance" value="0" />  
                        <!--声道0全声道,-100左声道,100右声道-->  
                        <param name="currentPosition" value="0" />  
                        <param name="playCount" value="1" />  
                        <!--播放次数-->  
                        <param name="autoStart" value="-1" />  
                        <!--是否自动播放-1是,0否-->  
                        <param name="currentMarker" value="0" />  
                        <param name="invokeURLs" value="-1" />  
                        <param name="volume" value="50" />  
                        <!--音量-->  
                        <param name="mute" value="0" />  
                        <!--是否静音-1是,0否-->  
                        <param name="uiMode" value="full" />  
                        <!--播放器模式full(默认)显示全部控件,none仅视频窗口,mini视频及一些常用控件,invisiblei不显示任何控件及视频窗口-->  
                        <param name="stretchToFit" value="0" />  
                        <param name="windowlessVideo" value="0" />  
                        <param name="enabled" value="-1" />  
                                      
                        <param name="no_enableContextMenu" value="-1" />  
                        <param name="fullScreen" value="0" />  
                        <!--是否全屏-->  
                        <param name="enableErrorDialogs" value="-1" />  
                        <!--是否允许出错信息提示-->  
                    </object>  
                    </td>  
                    <td>  
                        <fieldset title="播放列表"  style="height:230px;">  
                            <span style="color:orange;font-size:12px;" mce_style="color:orange;font-size:12px;">播放列表</span><br/>  
                                                    
                            <select size="6" id="playList" style="height:200px;width:200px;" οndblclick="$('wmp').URL=this.value;index=this.selectedIndex;">  
                                <option value="HD-All For You.mp4" selected="selected">歌曲一</option>  
                                <option value="Shayne Ward - Breathless.mp3">歌曲二</option>  
                                <option value="mp3/4.mp3">歌曲三</option>  
                                <option value="mp3/rememberwhen.mp3">歌曲四</option>  
                            </select>  
                        </fieldset>  
                    </td>  
                </tr>  
            </table>  
              
              
        <hr/>  
        <input style="width:81px;" type="button" value="开始" οnclick="wmp.controls.play();"/>  
           
        <input  style="width:81px;" type="button" value="暂停" οnclick="wmp.controls.pause();"/>  
           
        <input  style="width:81px;"type="button" value="停止" οnclick="wmp.controls.stop();"/>  
          
        <input  style="width:81px;" type="button" value="+" οnclick="if ($('wmp').settings.volume<=100){$('wmp').settings.volume+=10;}" />  
        调节音量  
        <input  style="width:81px;" type="button" value="-" οnclick="if ($('wmp').settings.volume>0){$('wmp').settings.volume-=10;}"/>  
          
        <p></p>  
        <input  style="width:81px;"type="button" value="上一首" οnclick="pre();"/>  
           
        <input  style="width:81px;"type="button" value="下一首" οnclick="next();"/>    
          
        <input  style="width:81px;"type="button" value="快进" οnclick="Forward();"/>  
          
           
        <!-- 播放器模式full(默认)显示全部控件,none仅视频窗口,mini视频及一些常用控件,invisiblei不显示任何控件及视频窗口 -->  
        显示模式:  
        <select οnchange="$('wmp').uiMode=this.value;">  
            <option value="full">全部</option>  
            <option value="none">仅视频</option>  
            <option value="mini">常用</option>  
            <option value="invisible">隐藏</option>  
        </select>  
        </body>  
</html>

%坏孩子丶
关注
专栏目录
音乐播放器的代码
weixin_40945354的博客
02-24 2197
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>音乐播放
简化版音乐播放器代码
weixin_42061793的博客
04-28 5697
using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Windows.Forms;using System.Collections...
简单的音乐播放器代码
04-18
一个简单的音乐播放器代码。
html5简单迷你音乐播放器代码（迷你版，代码简单清晰）
05-31
html5简单迷你音乐播放器代码， 比较适合放在个人博客（迷你版，代码简单清晰）
android 实现简易音乐播放器
最新发布
yuyanhaonan的博客
08-23 2249
android 实现简易播放器，主要用来练习4大组件的使用
简单音乐播放器源码
06-23
易语言MP3播放器源码例程程序结合易语言多媒体支持库命令,实现了MP3的基本的增删、暂停、继续等功能。
jQuery精致的音乐播放器代码
06-24
本项目“jQuery精致的音乐播放器代码”利用jQuery的强大功能，构建了一个美观且实用的音乐播放器，它具备了现代音乐播放器的一些核心特性。 首先，音乐播放器的界面设计是其吸引用户的一大亮点。背景图片可以自定义...
HTML5带背景音乐播放器代码
06-24
本篇将详细介绍如何使用HTML5创建一个带有背景音乐播放、暂停和切换功能的音乐播放器。 首先，我们要了解HTML5中的`<audio>`标签。这个标签用于嵌入音频内容，其基本结构如下： ```html ...
Android实例源码-音乐播放器类安卓源代码（9例）.zip
04-20
Android实例源码-音乐播放器类安卓源代码（9例） Android多线程断点续传下载+在线播放音乐 GL音乐播放器 基于SDL、FFmpeg的android播放器源码 简单实用的音乐播放器 简单音乐播放器，实现了播放器基本功能，使用...
js悬浮小球音乐播放器代码
06-24
【js悬浮小球音乐播放器代码】是一种使用原生JavaScript技术构建的网页音乐播放器，其特点是设计成悬浮样式，可以随着用户滚动页面而始终保持在屏幕可见位置。这种设计为用户提供了一种便捷的音乐聆听体验，即使在...
html5网页音乐播放器代码
06-01
HTML5网页音乐播放器是一种利用现代浏览器支持的HTML5技术实现的音频播放解决方案。相比于早期依赖Flash等插件的音频播放器，HTML5...通过学习这些知识点，开发者可以构建出功能强大且用户体验良好的网页音乐播放器。
简易的音乐播放器源码.zip
07-10
这个音乐播放器，支持快进快退以及进度条拖动，扫描sd卡更新音乐列表等功能。另外，此播放器还具备以下功能。 1、手势识别：可以在播放界面使用左右滑动的方式来切换歌曲； 2、在列表界面，长时间点击一个列表项，会弹出一个菜单，可以对歌曲文件进行删除。  
在线音乐播放器源代码
02-21
在线音乐播放器源代码
HTML页面音乐播放代码
04-11
基于HTML页面的音乐播放代码,用JS加载也行,也可以用flash,而且比单纯的代码加载要快的多。
音乐播放器（含源代码）
11-28
实现单曲循环，随机循环。。。支持mp3、wav、wma等格式。。 实现水波纹效果，能遍历文件，适合初学者学习。
音乐播放源代码
飞翔的白鸽
07-01 2291
 百度MP3搜索链接方便：http://mp3.baidu.com/下面是音乐播放的源代码，方便有时候复制粘贴和修改：其中： autostart="true" 是自动开始播放的意思，如果把引号里面的单词true改成false就不会自动播放。width=165 height=50 是宽度和高度，可以自己修改。src=后面连接的是音乐来源地址，记得和后面的单词要有一个空格。总结
简易音乐播放器源码
weixin_34168700的博客
01-23 471
2019独角兽企业重金招聘Python工程师标准>>> ...
音乐播放器代码
tourstar的专栏
08-31 4855
<br /><P align=center><br /> <TABLE borderColor=#bc8f8f cellSpacing=1 width=315 border=1> <br /><TBODY> <br /><TR> <TD><EMBED style="FILTER: invert(); WIDTH: 315px; HEIGHT: 28px" src=音乐地址<br />type=audio/mpeg autostart="true"></EMBED></TD></TR></TBODY></TA
使用AWT构建的简易音乐播放器代码示例
"这是一个基于Java AWT库开发的简单音乐播放器原始代码。代码包含一个Applet类`player`，该类扩展了`Applet`并实现了`ActionListener`接口，以便处理用户交互。此外，还有一个内部类`GUIWindow`，它继承自`Frame`，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值