解决方案 »

  1.   

    播放器代码
    <!--播放器 开始-->
     <object id="Exobud" style="width: 273px; height: 64px" type="application/x-oleobject"
      classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
      <param name="URL" value=""/>
      <param name="rate" value="1"/>
      <param name="balance" value="0"/>
      <param name="currentPosition" value="0"/>
      <param name="defaultFrame" value=""/>
      <param name="playCount" value="1"/>
      <param name="autoStart" value="-1"/>
      <param name="currentMarker" value="0"/>
      <param name="invokeURLs" value="-1"/>
      <param name="baseURL" value=""/>
      <param name="volume" value="80"/>
      <param name="mute" value="0"/>
      <param name="uiMode" value="full"/>
      <param name="stretchToFit" value="-1"/>
      <param name="windowlessVideo" value="0"/>
      <param name="enabled" value="-1"/>
      <param name="enableContextMenu" value="0"/>
      <param name="fullScreen" value="0"/>
      <param name="SAMIStyle" value=""/>
      <param name="SAMILang" value=""/>
      <param name="SAMIFilename" value=""/>
      <param name="captioningID" value=""/>
      <param name="enableErrorDialogs" value="0"/>
      <param name="_cx" value="7223"/>
      <param name="_cy" value="1693"/>
     </object> <!--播放器 结束-->先建立一个播放列表
    假设用户所选的歌曲参数已传过来
    播放列表如下
    <select name="SongList" size="5" >
            OnDblClick="player();">
                <option value="songs/001.mp3">001</option>
                <option value="songs/002.wma">002</option>
                <option value="songs/003.WMV">003</option>
                <option value="songs/004.mp3">004</option>
                <option value="songs/005.wma">005</option>
     </select>
    同时设置几个按钮
    <a href="#" onclick="javascript:play();">on</a>
    <a href="#" onclick="javascript:Last_OneOK();">last</a>
    <a href="#" onclick="javascript:Next_OneOK();">next</a>js
    <script language="JavaScript">
            //var server='http://localhost/music/';
            var SongList = document.getElementById("SongList");
            var Exobud = document.getElementById("Exobud");
            var TotalSongs = SongList.options.length;
            function play()
            {
            SongList.options[0].selected=true;
            player();
            }
            function player(){
          if(SongList.selectedIndex < 0) alert('系统错误,请选择您要播放的曲目!');
          else{
          var url;
          url = SongList.options[SongList.selectedIndex].value;
          Exobud.URL=url;
          //alert(TotalSongs);
          Exobud.controls.play();
          showTLab();
          return;
          }
            }
        
            function showTLab(){
          if(Exobud.playState == 1) 
          Next_OneOK();
          setTimeout("showTLab()", 1000);
            }
        
            function Next_OneOK(){
          if(SongList.selectedIndex >= 0){
          if(SongList.selectedIndex < TotalSongs-1){
           SongList.options[SongList.selectedIndex + 1].selected = true;
            player();
          }else{
           SongList.options[0].selected = true;
            player();
          }
           }
             }
             function Last_OneOK(){
          if((SongList.selectedIndex > 0) && (SongList.selectedIndex < TotalSongs)){
          SongList.options[SongList.selectedIndex - 1].selected = true;
          player();
             }
             }
        </script>这样问题就解决了.
    注音乐文件都是我本地的附上media player的一些控制方法 player.controls.play(); 播放
    player.controls.stop(); 停止
    player.controls.pause(); 暂停
    player.controls.currentPosition 返回播放文件的当前时间位置(以秒为单位)
    player.controls.currentPositionString 时间格式的字符串 "0:32"
    player.currentMedia.duration 返回播放文件的总长度(以秒为单位)
    player.currentMedia.durationString 时间格式的字符串 "4:34"
    player.settings.volume 音量 (0-100)
    player.settings.balance 声道,通过它应该可以进行立体声、左声道、右声道的控制。但对应的取值尚不清楚。
    player.settings.mute = s 静音(s取值为true和false)
    player.closedCaption.CaptioningID 网页中出现字幕的容器的ID
    player.closedCaption.SAMIFileName 字幕文件地址
    player.playState 返回播放器状态( 3:正在播放,2:暂停1:已停止)======================================上面是别人的东西,下面是我项目里的
    1.
    <script language="javascript" type="text/javascript">
        function player(soundFile)
        {
            Exobud.URL=soundFile;
            Exobud.controls.play();
            return;
        }
        </script>2.
    <object id="Exobud" width="350" height="64" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" align="baseline" border="0" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
    <param name="URL" value="" />
    <param name="autoStart" value="0" />
    </object>3.
    protected void gvGetFiles_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowIndex >= 0)
            {
                string soundPath = gvGetFiles.DataKeys[e.Row.RowIndex].Value.ToString();
                soundPath = soundPath.Replace(@"\\", @"/");
                soundPath = soundPath.Replace(@"\", @"/");
                int i = soundPath.IndexOf("LuYin");
                soundPath = soundPath.Substring(i);
                HyperLink _hlPlay = (HyperLink)e.Row.FindControl("hlPlay");
                _hlPlay.NavigateUrl = "javascript:player('" + soundPath + "')";
            }
        }
      

  2.   

    给你个参考 ,从简单功能到复杂功能都有  http://www.jb51.net/article/25671.htm
      

  3.   

    你可以用一个插件,很简单的。 
    下载JQuery1.11.1 , flowplayer.min 调用:<html>
    <head>
     <title></title>
    </head>
    <body>
    <div class="flowplayer is-splash">  <video>
        
         <source type="video/webm"
                 src="janison.mp4">
         <source type="video/mp4"
                 src="janison.mp4">
               
        
      </video></div>
    <!-- Flowplayer依赖的jquery -->
    <script src="jquery.min.1.11.1.js"></script><!-- Flowplayer类库-->
    <script src="flowplayer.min.js"></script>
    </body><link href="minimalist.css" rel="stylesheet" media="screen"> 
    <style>
    .flowplayer{
      background-image: url("minimalist.jpg");
    }
    </style></html>
    可以去试试... 
      

  4.   

    http://www.ckplayer.com/