js（jquery）控制 midea player 播放器（控制页面音乐播放）

最新推荐文章于 2024-09-22 11:17:00 发布

WANG6222262222

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量331

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/zhaoyi/archive/2009/08/27/1555340.html

版权

以下为原码（我调用的是本地的文件）：

<!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" src="jquery/jquery-1.2.6.min.js"></script>   //这里导入的一个jQuery
<script type="text/javascript">
//得到所有的歌曲
var songList = $("#SongList");
var player = $("#player");

//这个函数用于播放歌曲
function playMusic(url){
  var Exobud = document.getElementById("player");    //得到播放器（object对象）
  Exobud.URL = url;                                                      //改变播放器的URL地址
  Exobud.controls.play();                                             //播放音乐
  showTLab();　　　　　　　　　　　　　　　　　　
}

//初始第一首歌
$(function(){
  var url = $("#SongList>option:first").attr("value");
  //第一首歌的状态设置为选择
  $("#SongList>option:first").attr( "selected","true" );
  playMusic(url);
})

//双击换歌
$(function(){
  $("#SongList").dblclick(function(){
   var url = $("#SongList>option:selected").attr("value");
   playMusic(url);
  });
})

//下一首换歌
$(function(){
  $("#nextAId").click(function(){
   var url = $("#SongList>option:selected+option").attr("value");
   $("#SongList>option:selected+option").attr("selected","true");
   playMusic(url);
   });
  })

//上一首换歌
$(function(){
  // alert($("#upAId").html());
  $("#upAId").click(function(){
   // alert($("#SongList>option:selected").prev("option").attr("value"));
   var url = $("#SongList>option:selected").prev("option").attr("value");
   //$("#SongList>option:selected").attr("selected","true");
   $("#SongList>option:selected").prev("option").attr("selected","true");
   playMusic(url);
   });
  })

//一直监控换歌的情况
function showTLab(){
  var Exobud = document.getElementById("player");
    if(Exobud.playState == 1)
    {
   var url = $("#SongList>option:selected+option").attr("value");
   $("#SongList>option:selected+option").attr("selected","true");
   playMusic(url);
    }
    setTimeout("showTLab()", 1000);
        }

</script>
</head>

<body>
<div id="myDiv">
</div>
<br />

<select id="SongList" name="SongList" size="5" style="width:100%" >
<option value="music/01.生生世世爱.mp3">生生世世爱</option>
<option value="music/02.忘记时间.mp3">忘记时间</option>
<option value="music/03.此生不换.mp3">此生不换</option>
<option value="music/05.答应不爱你.mp3">答应不爱你</option>
<option value="music/06.偏爱.mp3">偏爱</option>
<option value="music/cc.wmv">东搞西搞</option>
</select>
<br />
<object id="player" height="266" width="360" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">

<param NAME="Balance" VALUE="0">

<param name="enabled" value="-1">

<param NAME="EnableContextMenu" VALUE="-1">

<param NAME="url" value="music/06.偏爱.mp3">

<param NAME="PlayCount" VALUE="1">

<param name="rate" value="1">

<param name="currentPosition" value="0">

<param name="currentMarker" value="0">

<param name="defaultFrame" value="">

<param name="invokeURLs" value="0">

<param name="baseURL" value="">

<param name="stretchToFit" value="0">

<param name="volume" value="50">

<param name="mute" value="0">

<param name="uiMode" value="Full">

<param name="windowlessVideo" value="0">

<param name="fullScreen" value="0">

<param name="enableErrorDialogs" value="-1">

<param name="SAMIStyle" value>

<param name="SAMILang" value>

<param name="SAMIFilename" value>

</object>
<br />
<a href="#" id="upAId">on</a>
<a href="#" οnclick="javascript:Last_OneOK();">last</a>
<a href="#" id="nextAId"">next</a>