Vista 侧边栏播放器

 现在 咱也用上Vista 了嘿嘿

Vista 给我感觉真不错  效果挺酷的

特别是侧边栏

但是功能太少了

去网上找了下发现东西挺多得但是没有自己需要的.

怎么办.  又要自己动手了.

首先上MSDN找找资料.

嘿  还真找到了.  开始

先建立配置文件

 

gadget.xml

 

 

  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <gadget>
  3.   <name>FxOS</name>
  4.   <namespace>www.0dsoft.com</namespace>
  5.   <version>1.0.0.0</version>
  6.   <author name="FanFan">
  7.     <info url="http://www.0dsoft.com" />
  8.   </author>
  9.   <copyright>©Something 2008/6</copyright>
  10.   <description>FxOS</description>
  11.   <icons>
  12.     <icon height="48" width="48" src="fx.ico" />
  13.   </icons>
  14.   <hosts>
  15.     <host name="sidebar">
  16.       <base type="HTML" apiVersion="1.0.0" src="gadget.html" />
  17.       <permissions>full</permissions>
  18.       <platform minPlatformVersion="1.0" />
  19.       <defaultImage src="images/Background.png" />
  20.     </host>
  21.   </hosts>
  22. </gadget>

 

 

开始写程序吧

 

创建显示

 

gadget.html

 

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3.     <title>FxOS</title>
  4.     <link href="css/gadget.css" type="text/css" rel="Stylesheet" />
  5.     <script src="scripts/gadget.js" type="text/javascript"></script>
  6. </head>
  7. <body onLoad="onloadMain()" style=" background-color:Black">
  8.     <table cellpadding="0" cellspacing="0" border="0">
  9.         <tr>
  10.             <td>
  11.                 <object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="player" height="97">
  12.                     <param name="URL" value />
  13.                     <param name="rate" value="1" />
  14.                     <param name="balance" value="0">
  15.                     <param name="currentPosition" value="0" />
  16.                     <param name="defaultFrame" value />
  17.                     <param name="playCount" value="-1" />
  18.                     <param name="autoStart" value="0">
  19.                     <param name="currentMarker" value="0" />
  20.                     <param name="invokeURLs" value="0" />
  21.                     <param name="baseURL" valu />
  22.                     <param name="volume" value="100" />
  23.                     <param name="mute" value="-1">
  24.                     <param name="uiMode" value="none" />
  25.                     <param name="stretchToFit" value="0" />
  26.                     <param name="windowlessVideo" value="0" />
  27.                     <param name="enabled" value="-1" />
  28.                     <param name="enableContextMenu" value="0" />
  29.                     <param name="fullScreen" value="0" />
  30.                     <param name="SAMIStyle" value />
  31.                     <param name="SAMILang" value />
  32.                     <param name="SAMIFilename" value />
  33.                     <param name="captioningID" value />
  34.                     <param name="enableErrorDialogs" value="0" />
  35.                 </object>
  36.             </td>
  37.         </tr>
  38.         <tr>
  39.             <td>
  40.             <img src="images/Background.png" />
  41.                 <g:background src="images/Background.png" height="31" border="0"></g:background>
  42.                 <img id="prvBtn" onclick="prv()" src="images/prv.png"onmouseover="thisthis.src='images/prv_select.png'" οnmοuseοut="this.src='images/prv.png'"></img>
  43.                 <img id="playBtn" src="images/play.png"></img>
  44.                 <img id="stopBtn" onclick="player.controls.stop()" src="images/s.png" onmouseover="this.src='images/s_select.png'" onmouseout="this.src='images/s.png'"></img>
  45.                 <img id="nextBtn" onclick="next()" src="images/next.png" onmouseover="this.src='images/next_select.png'" onmouseout="this.src='images/next.png'"></img>
  46.                 <img src="images/open.png" 
  47.                     style="top: 107px; left: 104px; position: absolute; height: 9px; width: 9px" onclick="openFileDialog()" />
  48.                 </td>
  49.       </tr>
  50.     </table>
  51.     <map name="Map">
  52. </body>
  53. </html>

最后是脚本

 

 

  1. var count;
  2. var musicPathArray;
  3. var path = "musicPath";
  4. var index = -1;
  5. function LoadMusic(){
  6. var p = System.Gadget.Settings.readString(path);
  7.    if(p){
  8.         var temp = System.Shell.itemFromPath(p);
  9.         musicPathArray = temp.SHFolder.Items;
  10.         if(musicPathArray.count>0){
  11.             player.url = musicPathArray.item(0).path;
  12.             index = 0;
  13.         }
  14.         play();
  15.         player.controls.stop();
  16.     }
  17. }
  18. function onloadMain(){
  19.     var defaultFilePath = System.Environment.getEnvironmentVariable("Public//music//Sample Music");
  20.    LoadMusic();
  21. }
  22. function openFileDialog(){
  23.         var music = System.Shell.chooseFolder("歌曲目录选择",512);
  24.         if(music){
  25.             System.Gadget.Settings.writeString(path,music.path);
  26.             LoadMusic()
  27.         }
  28. }
  29. function next(){
  30.     if(index<musicPathArray.count){
  31.         player.url = musicPathArray.item(index++).path;
  32.         player.controls.play();
  33.     }
  34. }
  35. function prv(){
  36.     if(index>0){
  37.         player.url = musicPathArray.item(index--).path;
  38.         player.controls.play();
  39.     }
  40. }
  41. function play(){
  42.     if(player.playState==3){
  43.        setPlayBtn("images/stop_select.png","images/stop.png");
  44.        playBtn.onclick = function(){player.controls.pause();play();};
  45.     }else{
  46.        setPlayBtn("images/play_select.png","images/play.png");
  47.        playBtn.onclick = function(){
  48.             if(index>-1){
  49.                 player.controls.play();
  50.                 play();
  51.            }
  52.        };
  53.     }
  54. }
  55. function setPlayBtn(over,out){
  56.      playBtn.οnmοuseοver=function(){
  57.           playBtn.src =  over;
  58.      }
  59.      playBtn.onmouseout = function(){
  60.         playBtn.src = out;
  61.      }
  62. }

 

好了搞定

 

 

看看效果

 

 

OceanX采用了与浩海播放器V3.941相同的核心因此主要的引擎更新都是一致的:)OceanX播放器特点:1,随意的页面拖动效果让您的网站和播放器的使用就像桌面程序一样的效果!2,播放器嵌入效果和弹出效果任意选择让你更显各自网站特点3,个性化的变妆系统,让使用任意定制自己喜欢的皮肤效果4,视频窗口拖动完全认你行,无拘无束的使用感受5,结合浩海播放器原有各种功能,可以说让你的网络播放器使用感受达到一个新的高度:) (可能有些夸大但我们就是想这方面努力的:))未来发展:1,结合未来强大的后台管理机制,让OceanX表现更加非同一般2,插件化的发展方向,让播放器的功能选项让你自己作主,喜欢什么安装什么!!3,更加意外惊喜陆续加入中......还希望您多多关注我们的这款新的尽全力打造的呕心力作!!浩海更新历史清单:V1: 提取了《游戏频道》初始版本使用的播放器源代码进行共享并命名为《在线多格式音频播放器》1,包含两个播放器控件(Media Player和Real Player)2,支持本地文件和网络文件的混合式列表播放模式3,支持文件播放中的拖拽功能4,播放列表放入了三循环状态V2: 全面改进了播放器的安装使其的安装和设置更加的人性化更方便的音乐管理(相对于V1而言)《在线多格式音频播放器》V2应当算作我们的一款非常经典的播放器了!!1,简化了安装步骤而且使今后的更新也变的异常的简单2,初始是否音乐播放的设定可由您自行掌握3,初始时随机筛选歌曲播放(此功能同样也可由您自行定义)4,播放列表的全新引入5,改进了音量调节的BUG6,加入了对于没有安装Real Player的用户使用播放器时的友善表现(不做强制安装,播放器完全可以使用)V3: 全面改进了播放器的内部核心程序,更多功能的引入,重新修饰了播放器的界面表现并且重新命名为《浩海在线多格式音频播放器》说明:V3版本是强烈要求安装Real Player播放器后,才可以使用的版本!!1,重新编写的内部核心代码程序 2,所有原先V2版的不足已经得到完全修正 3,拥有了更强大的列表处理能力,在已形成的列表中,使用者还可以进行再编辑!!4,最新加入了URL地址的直接输入功能5,最新放入了功能菜单的设计,让更多功能在不影响版式的情况下大量的加入到播放器中!!6,非常好用的列表召回功能!!让您不小心磨掉的列表再次回来,尽可能减小您的误操作!!7,编辑列表支持了,快捷键的操作方法!!其中用鼠标右键单击列表中选项等同于剪切功能!!用鼠标左键双击等同于粘贴功能!!而且 在编辑播放列表窗口中,完全支持多选(shift—连续多选 ctrl—跳跃多选)而且完全支持多选移动、删除等功能!!!8,运行更加的稳定,原来V2版在不同电脑上运行有时会出现IE非法关闭的错误得到了很好的修复 9,随机播放拥有了更加的随机性 10,全新引入了选段播放功能 11,遇到错误连接或者断链可以自动转到下首播放 12,支持了动态解析地址的播放功能 13,更加漂亮的播放器操作界面 等等!!V3.5: 修正了V3的多处BUG和增添了更加人性化的功能最重要的是,对于没有安装Real Player的用户使用播放器时的友善表现(不做强制安装,播放器完全可以使用)又再次改正回来了:)!!1,修正了V3强制安装Real Player才可使用的不便设定!!没有安装Real Player的用户使用播放器时的友善表现(不做强制安装,播放器完全可以使用)又再次更正回来了!!2,最新加入歌曲地址的加密功能!!来尽最大可能保护您的歌曲地址的不外泄!!3,修正了选段播放无法在某处到歌曲最后的循环播放问题!!4,修正了按钮的三种背景的更换出现延迟的现象(加入了图片的预载功能)5,URL输入窗口增加面向使用用户的制定选择播放控件的功能!!6,更正了URL输入地址完毕后,对一些地址的误判断错误!!7,更正了选择歌曲窗口的列表目录有时闪烁不停的BUG!!8,增加了静音功能!!9,列表的三循环状态加入了状态说明:)V3.5.1: 修正了V3.5中的一个关于Media Player版本低于9.0会出现的错误!!!V3.8: 技术尝试,本次V3.8全新尝试“语言/布局/功能”三模块分离的制作理念!!让播放器转化成其他语言版本更加简单易行!并且全面降低了为播放器制作皮肤的技术难度!希望大家在播放器发行后,多提这方面的使用意见以便让我们在这方面的技术更加成熟!另外,因此技术理念是我们第一次大胆尝试,难免有些欠妥和不便的地方,还请大家谅解!!谢谢!!1,播放器全新增加到三大播放引擎,让多格式名副其实!!(Media/Real/Flash)2,突破音频限制,视频窗口最新加入!!而且视频窗口拥有四种模式调节,并且还完全支持您的任意拖拽和锁定来改变视频窗口的大小!!3,全面整合了“打开/追加读取本地和网络媒体”的窗口界面,并且还增加了改名功能!!4,网络歌曲选择窗口最新加入人性化功能“搜索”功能!并且还可进行多文件搜索,连同支持通配符模式!!5,改进了播放Real文件时,状态信息显示有时出现不正确的停滞现象!!6,在线编辑列表加入“改名”功能,让你临时加入的歌曲也可以随心所欲的改变名称!!7,功能菜单最新加入刷新播放器的功能!!8,改进了播放列表下拉菜单的长度有时因添加内容名称过长导致名称的遮挡现象,这次播放列表可以根据添加内容的名称自动伸缩长度,但有最大值的限制,不是无限变长!9,彻底的修正了由于Realone的插件不稳定性,导致运行播放器的停止响应和非法关闭错误!!如果遇到加载控件失败,则系统会自动提醒你采取相应的办法!关闭播放器和继续使用播放器但此控件的文件播放会自动跳过!!10,增加了快捷按钮自定义排序功能,让你使用快捷按钮更加得顺手和自在!!11,增加了初始化自动从网络歌曲选单列表中随机抽取自定义数目的歌曲组成初始播放列表进行播放,彻底改变了人为定义初始播放列表的死板!而且您可以任意选择采用哪种初始列表方法!!12,新增加播放器的隐藏功能!!让你紧张的可视范围得到最大使用!!13,新增加播放器关闭功能!!让喜欢安静的人也能够与“浩海”同处!!14,播放器面板的快捷按钮采用翻页设定,让14个快捷按钮对折显示!!有效地解决了面板面积使用紧张的情况!!15,新增加读取本地文件中读取局域网中其他计算机媒体文件进行播放的完好支持!!16,新增设置在初始时播放器的状态,是否处于隐藏和关闭!!17,注意:由于本次V3.8改动有些超大,因此导致了源data.js文件和V3.8使用的有些小区别,如果您想在V3.8中继续使用您V3.5.1及其以下版本的data.js文件,请在这个文件的最下面加入 “DATALOADEND();” 引号所引的这条语句(语句不包括引号在内,注意大小写)谢谢!!由此给您带来的不便还请见谅!!!18,优化了V3.5.1内核程序,让V3.8表现更加突出!!!(此项为V3.8测试版和V3.8正式版最本质的区别)19,全新加入版权保护机制并提供了人性化的提示功能!!20,最后还修正了一些小错误!!希望大家多多支持!!V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,询问窗体来尽可能减少你的误操作!3,最新加入窗口历史选单来恢复您自己调节的窗口大小之间的切换功能(历史共设定5次)!V3.8.4: 全面修正窗口打开滞后的严重问题!1,修正了“打开/追加文件”和“快捷按钮编辑”对话框在网络上有时无法打开的严重滞后错误!2,最新加入刷新网站页面的功能! V3.9: 全面雄心取代V3.8系列的作品,全新加入诸多功能,让浩海网络播放器功能再攀新高!1,重新设计崭新界面,让V3.9的出场更添新鲜感!2,全新增加图片格式文件支持(*.bmp;*.jpg;*.gif;*.jpge;*.png 等)为V4.0播放器抛下伏笔3,全面解决V3.8系列播放器左上角在有些系统上出现视频窗口的严重BUG!4,全新的版权保护机制!彻底改善V3.8系列保护机制影响用户美化的诸多不便!让播放器打造更符合您的网站5,全面解决弹出窗口速度慢这个十分让人头痛的问题!此版本全新整合了弹出窗口到播放器内部,让播放器更具有意想不到的表现!!关于喜欢老样式的用户我们也通过选单让您随意在新旧窗口出现样式上来回切换!!6,同步歌词功能全新加入,让字体随着歌曲变色,等同把KTV搬到了您的网站上,让您的用户更添惊喜!!(全面支持LRC和SMI两种歌词文件)7,真全屏功能全新加入,在保留原窗口内部全屏功能不减的基础上,全新加入整个屏幕的全屏功能!!8,列表保存功能姗姗到来!!全面解决了用户自定义完播放列表在退出时无法保留,下次进入还要再次选取的麻烦!9,视频窗口和歌词展示区摆放更加自由,变量一定义,上下随便选!10,全新引入面向网站管理员的分类和播放器使用用户的歌曲分类功能!让站长和用户管理自己的歌曲更加有条理!11,全面新加有媒体文件类型支持视频窗口自动或手动出现的功能!!12,全新增加了ExoBUD MP(II)播放器的数据平稳转移到浩海播放器的实用工具!!13,新加入更为复杂的初始列表的制作,即一部分随机一部分顺序的综合设定能力!!14,全面更正了默认不打开播放器时,默认列表不导入的设定!!15,全新的幻灯片功能!!让幻灯片出现在您的网站不是梦!!(连续的图片设定利用时间设定即可实现此功能)16,全新加入添加歌曲的hta实用工具,手写添加歌曲代码已成为历史!17,图片文件支持,并新增加自动缩放功能让看图片成为一种享受!18,最新加入歌曲切换后的右下角气泡提示功能!!出现时间可由您自行定义(要求客户IE为5.5版本)19,播放器用户可以添加音频视频选项,当播放器设定成允许自由伸缩的时候出现此选项!!20,全新的播放器后台程序!!让播放器添加歌曲更加自由自在!!21,播放媒体时间支持正序或倒序显示,在时间处双击进行切换22,可由站长设定功能按钮的初始顺序23,修正歌曲地址断链反复重试时,停止按钮无效的BUGV3.91: 1,各播放控件可以选择启用不启用。初步解决播放控件全部启用,占用资源较大的问题!2,LRC歌词再次升级,LRC歌词变色改为以像素为单位,告别一字一跳的时代。普通LRC歌词也可均速变色!3,去掉了一些Bug!V3.92:1,修正了整个V3.9系列的一个严重BUG!在播放DAT文件的时候出现无视频错误!2,修正解决Flash写入相对地址会有时出现错误的问题!3,新加入更换网站页面功能!!并由站长设定是否启用该功能!V3.93:1,加载LRC歌词的方法最新加入XMLHTTP的读入方式,来尽可能兼容Win2003无法读入歌词的BUG!2,彻底改观了浩海播放器在按钮切换样式上的不及时状况!3,解决IE安全方面上升导致播放器不正常的情况,例如滤镜的采用等,此版本默认关闭了这些效果,如果用户需要还可以进行设置打开!4,图片播放加入随机23种变换效果的显示,此功能可根据用户需要自行设定是否需要开启!5,把原来播放器封装的htc全部改用js类重新改写,保证安全问题的解决!6,取消了XML作为语言封装的文件,此版全部改成了js文件封装来提高播放器效率!7,最新加入CSS.JS的设置文件,来方便设定播放器的一些样式表现上的系统设置,例如新的按钮切换采用的技术,如果要制作皮肤就需要改动这的数值!8,修正了更换网站页面功能的一个严重BUG!V3.94:1,解决了浏览器插件(例如:3721)把播放器的滑动条误认为浮动广告,让播放器产生严重变形的问题!(用户需要进行相关设置)2,新加入嵌入到用户网站页面的网络选歌单页面,方便用户网站内容和播放器进行互动!(player/userselect.htm)3,如果用户想定义更加个性化的网站上选单页面和播放器产生互动我们也同样定义了接口函数方便大家调用!4,针对播放器使用者在分类下拉单中新加入“召回上次列表”功能选单,方便用户选择!5,解决了视频窗口放在播放器上面,在进行刷新出现的严重BUG问题!6,另外,还修正了一些细小部分
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值