夏日博客

A-A+

网页上播放mp3或flash的js代码

2016年10月14日 前端设计 暂无评论 阅读 7 views 次

本文章来介绍利用object实现可控制的网页上播放mp3的js代码，有需要的朋友可参考。

先来介绍media player控制,对应控件
  1. <object id="player1" type="application/x-oleobject" height="360" width="300" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">   
  2.         <param NAME="AutoStart" VALUE="-1">      <!--是否自动播放-->   
  3.         <param NAME="url" value="D:FireAlarm.mp3">     <!--播放的文件地址-->   
  4.         <param NAME="PlayCount" VALUE="1">  
  5.     </object>  
  6.   
  7. <img src="1.jpg" onclick="player1.controls.play();" alt="播放" style="cursor:hand">  
  8. <img src="1.jpg" onclick="player1.controls.pause();" alt="暂停" style="cursor:hand">  
  9. <img src="1.jpg" onclick="player1.controls.Stop();" alt="停止" style="cursor:hand">  
  10. <img src="1.jpg" onclick="javascript:if(player1.playState==3)wmp.fullScreen=true;" alt="全屏" style="cursor:hand">  
  11. <img src="1.jpg" onclick="player1.settings.mute = !player1.settings.mute;" alt="静音" style="cursor:hand">  

相关控制参考:

player.URL = url; 设置文件来源

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：已停止）

player.fullscreen=1 全屏播放（全屏后按ESC返回）

注意我们仔细的朋友会发现object id="player1",然后其它的像onclick="player1如果有带ID了，如果你了其它地方也要同时修改哦。

标签：

给我留言