Javascript访问windowMediaPlayer编写的播放功能(简单示范)

最新推荐文章于 2021-06-07 16:10:18 发布

原创最新推荐文章于 2021-06-07 16:10:18 发布 · 846 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #button #function #脚本 #timer

RIA 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的网页音乐播放器实现方案，包括使用JavaScript控制播放逻辑、HTML构建播放界面以及利用WMP控件播放音频文件等内容。

参考了网上别人的代码.总是有一些简单问题.编写了个示例,一下是通过测试成功的代码:

一、Head里面的JS脚本

<mce:script type="text/javascript"></mce:script>

二、Html脚本

<body> <table> <tr> <td> <object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="wmp">  <param name="rate" value="1" /> <param name="balance" value="0" />  <param name="currentPosition" value="0" /> <param name="playCount" value="1" />  <param name="autoStart" value="-1" />  <param name="currentMarker" value="0" /> <param name="invokeURLs" value="-1" /> <param name="volume" value="50" />  <param name="mute" value="0" />  <param name="uiMode" value="full" />  <param name="stretchToFit" value="0" /> <param name="windowlessVideo" value="0" /> <param name="enabled" value="-1" /> <param name="no_enableContextMenu" value="-1" /> <param name="fullScreen" value="0" />  <param name="enableErrorDialogs" value="-1" />  </object> </td> <td> <fieldset title="播放列表" style="height:230px;"> <span style="color:orange;font-size:12px;" mce_style="color:orange;font-size:12px;">播放列表</span><br/> <select size="6" id="playList" style="height:200px;width:200px;" ondblclick="$('wmp').URL=this.value;index=this.selectedIndex;"> <option value="mp3/2.mp3" selected="selected">歌曲一</option> <option value="mp3/3.mp3">歌曲二</option> <option value="mp3/4.mp3">歌曲三</option> <option value="mp3/rememberwhen.mp3">歌曲四</option> </select> </fieldset> </td> </tr> </table> <hr/> <input style="width:81px;" type="button" value="开始" onclick="wmp.controls.play();"/> <input style="width:81px;" type="button" value="暂停" onclick="wmp.controls.pause();"/> <input style="width:81px;"type="button" value="停止" onclick="wmp.controls.stop();"/> <input style="width:81px;" type="button" value="+" onclick="if ($('wmp').settings.volume<=100){$('wmp').settings.volume+=10;}" /> 调节音量 <input style="width:81px;" type="button" value="-" onclick="if ($('wmp').settings.volume>0){$('wmp').settings.volume-=10;}"/> <p></p> <input style="width:81px;"type="button" value="上一首" onclick="pre();"/> <input style="width:81px;"type="button" value="下一首" onclick="next();"/> <input style="width:81px;"type="button" value="快进" onclick="Forward();"/>  显示模式: <select onchange="$('wmp').uiMode=this.value;"> <option value="full">全部</option> <option value="none">仅视频</option> <option value="mini">常用</option> <option value="invisible">隐藏</option> </select> </body>