播放器js控制realplayer

本文介绍如何利用HTML中的ActiveX控件创建一个简单的音乐播放器,包括播放控制、静音控制、进度控制等功能,并提供了丰富的界面控制选项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

加入如下代码到body区域
<object id="rpl" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=300 height=200>
  <!--classid指定ActiveX控件的唯一的字符串标示-->
<param name="_ExtentX" value="11906">
  <param name="_ExtentY" value="8996">
  <param name="AUTOSTART" value="-1">
  <!--是否自动播放-->
  <param name="SHUFFLE" value="0">
  <param name="PREFETCH" value="0">
  <param name="NOLABELS" value="0">
  <param name="SRC" value=" http://www.toto369.net/bfdm/bh.mp3">
  <param name="CONTROLS" value="ImageWindow">
  <param name="CONSOLE" value="Clip1">
  <param name="imagestatus" value="1">
  <param name="LOOP" value="-1">
  <param name="NUMLOOP" value="0">
  <param name="CENTER" value="0">
  <!--指定片断使用初始编码大小播放,并且在图像窗口的中央-->
  <param name="MAINTAINASPECT" value="0">
  <param name="BACKGROUNDCOLOR" value="#ff0000">
  <!--指定图像窗口背景色-->
  </object>
  <br>
  <b>界面控制:</b><br>
  CONTROLS模式切换:<br>
  <input type="button" value="all" onclick="rpl.CONTROLS='all'">
  <input type="button" value="ControlPanel" onclick="rpl.CONTROLS='ControlPanel'">
  <input type="button" value="PlavButton" onclick="rpl.CONTROLS='PlavButton'">
  <br>
  <input type="button" value="PlayOnlyButton" onclick="rpl.CONTROLS='PlayOnlyButton'">
  <input type="button" value="PauseButton" onclick="rpl.CONTROLS='PauseButton'">
  <input type="button" value="StopButton" onclick="rpl.CONTROLS='StopButton'">
  <br>
  <input type="button" value="FFCtrl" onclick="rpl.CONTROLS='FFCtrl'">
  <input type="button" value="RWCtrl" onclick="rpl.CONTROLS='RWCtrl'">
  <input type="button" value="MuteCtrl" onclick="rpl.CONTROLS='MuteCtrl'">
  <input type="button" value="MuteVolume" onclick="rpl.CONTROLS='MuteVolume'">
  <input type="button" value="VolumeSlider" onclick="rpl.CONTROLS='VolumeSlider'">
  <br>
  <input type="button" value="PositionSlider" onclick="rpl.CONTROLS='PositionSlider'">
  <input type="button" value="TACCtrl" onclick="rpl.CONTROLS='TACCtrl'">
  <input type="button" value="HomeCtrl" onclick="rpl.CONTROLS='HomeCtrl'">
  <input type="button" value="InfoVolumePanel" onclick="rpl.CONTROLS='InfoVolumePanel'">
  <br>
  <input type="button" value="InfoPanel" onclick="rpl.CONTROLS='InfoPanel'">
  <input type="button" value="StatusBar" onclick="rpl.CONTROLS='StatusBar'">
  <input type="button" value="StatusField" onclick="rpl.CONTROLS='StatusField'">
  <input type="button" value="PositionField" onclick="rpl.CONTROLS='PositionField'">
  <br>
  <input type="button" value="当前模式" onclick="alert(rpl.CONTROLS)">
  <input type="button" value="当前模式" onclick="alert(rpl.GetControls())">
  <br><b>播放控制:</b><br>
  <br>曲目控制:<br>
  <input type="button" value="你是风儿我是沙" onclick="rpl.SetSource('http://www.toto369.net/bfdm/sha.mp3')">
  <input type="button" value="白狐" onclick="rpl.SetSource('http://www.toto369.net/bfdm/bh.mp3')">
  <input type="button" value="当前曲目" onclick="alert(rpl.GetSource())">
  <br>播放控制:<br>
  <input type="button" value="播放" onclick="rpl.DoPlay()">
  <input type="button" value="暂停" onclick="rpl.DoPause()">
  <input type="button" value="播放/暂停" onclick="rpl.DoPlayPause()">
  <input type="button" value="停止" onclick="rpl.DoStop()">
  <input type="button" value="当前播放状态" onclick="alert(rpl.GetPlayState())">
  <br>静音控制:<br>
  <input type="button" value="静音" onclick="rpl.SetMute(1)">
  <input type="button" value="取消静音" onclick="rpl.SetMute(0)">
  <input type="button" value="静音状态" onclick="alert(rpl.GetMute())">
  <br>进度控制:<br>
  <input type="button" value="回到开始" onclick="rpl.SetPosition(0)">
  <input type="button" value="快进20秒" onclick="if(rpl.GetPosition()>20000){rpl.SetPosition(rpl.GetPosition()-20000)}else(rpl.SetPosition(0))">
  <input type="button" value="快进20秒" onclick="rpl.SetPosition(rpl.GetPosition()+20000)">
  <input type="button" value="回到最后" onclick="rpl.SetPosition(rpl.GetLength()-3000)">
  <input type="button" value="当前进度" onclick="alert(rpl.GetPosition()/1000)">
  <input type="button" value="总长度" onclick="alert(rpl.GetLength()/1000)">
  <br>音量控制:<br>
  <input type="button" value="最小" onclick="rpl.SetVolume(0)">
  <input type="button" value="音量-" onclick="if(rpl.GetVolume()>9){rpl.SetVolume(rpl.GetVolume()-10)}">
  <input type="button" value="音量+" onclick="rpl.SetVolume(rpl.GetVolume()+10)">
  <input type="button" value="最大" onclick="rpl.SetVolume(100)">
  <input type="button" value="当前音量" onclick="alert(rpl.GetVolume())">
  <br>信息检测:<br>
  <input type="button" value="GetIsPlus" onclick="alert(rpl.GetIsPlus())">
  <input type="button" value="GetVersionInfo" onclick="alert(rpl.GetVersionInfo())">
  <input type="button" value="GetLastMessage" onclick="alert(rpl.GetLastMessage())"><br>
  <input type="button" value="GetConsoleEvents" onclick="alert(rpl.GetConsoleEvents())">
  <input type="button" value="回放统计" onclick="rpl.HideShowStatistics()">
  <br>剪辑信息:<br>
  <input type="button" value="获取剪辑信息" onclick="alert(rpl.GetTitle())">
  <input type="button" value="设置剪辑信息" onclick="rpl.SetTitle('这是美女翻唱滴~')">
  <input type="button" value="获取剪辑信息" onclick="alert(rpl.GetEntryTitle(0))">
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值