网页音乐播放器

【Javascript】

下载

新闻

文章

近期在制作fm520电台网页，主要使用的是js控制播放器，flash控制js，js反馈flash信息的过程

以下是在制作fm520电台过程中使用到的部分代码记录

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>播放器.html</title>	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>  
  <body>
  	<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" class="OBJECT" onerror="on_err()" id="MediaPlayer" width="400" height="200">
  	<param name="url" value="">
		<param name="volume" value="50">
  	<param name="balance" value="0">
  	<param name="enabled" value="-1">
  	<param name="enablecontextMenu" value="-1">
  	<param name="currentPosition" value="0">
  	<param name="wmode" value="Opaque">
  	<param name="ShowStatusBar" value="1">
  	</object>
	<br/>浏览：<input type="file" name="music" id="music" size="6" onchange="loadmusic()">
	<input type="button" value="停止" onclick="stop(this)" />
  <input type="button" value="暂停"onclick="pause(this)" />
  <input type="button" value="增音"onclick="vol(5)" />
  <input type="button" value="减音"onclick="vol(-5)" />
  <input type="button" value="静音"onclick="mute(this)" />
	<div id="info"></div>
	<script type="text/javascript">
	 var play = document.getElementById("MediaPlayer");
	 var info = document.getElementById("info");
	 var v=50;
	function loadmusic(){
		var music = document.getElementById("music").value;
		var reg = /\.(wma|mp3)$/i;
		if(music.match(reg)==null){
			alert("请重新选择，音乐文件格式不正确");
		}else{
			play.setAttribute("url",music);
			play.controls.play();
			info.innerHTML="播放";
		}			
	}
	function stop(obj){
		if(play.playState==1){
			play.controls.play();
			info.innerHTML="播放";
			obj.value="停止";
		}else{
			play.controls.stop();
			info.innerHTML="停止";
			obj.value="播放";
		}
	}
		function pause(obj){
		if(play.playState==2){
			play.controls.play();
			info.innerHTML="恢复播放";
			obj.value="暂停";
		}else{
			play.controls.pause();
			info.innerHTML="暂停";
			obj.value="播放";
		}
	}
	function mute(obj){
		if(play.settings.mute){
			play.settings.mute=false;
			info.innerHTML="关闭静音";
			obj.value="静音";
		}else{
			play.settings.mute=true;
			info.innerHTML="静音";
			obj.value="恢复";
		}
	}
	function vol(i){
		if(v==0&&i<0){
			info.innerHTML="最小音";
		}else if(v==100&&i>0){
			info.innerHTML="最大音";
		}else{
			v=v+i;
			play.settings.volume=v;
			info.innerHTML="音量"+v;
		}
	}
	function on_err(){
		alert("找不到您系统中的Media Player\n请先安装好Media Player V9.0以上版本！");
	}
	</script>
  </body>
</html>