你用的是wmp控件的话，可以参考如下属性：
controlscurrentPosition
这个属性可以用来控制当前歌曲播放的进度，可写，比如设置
documentgetElementById("wmpid")controlscurrentPosition = 18
就是将当前歌曲进到18秒，我没有试过非整数部分可不可以生效（应该是可以的）
controlscurrentPositionString
这是个只读属性。比如当前歌曲在18秒出则值为00:18
至于你说的进度条，控制起来是用eventclientX属性,这是鼠标相对于窗口的横坐标。用这个数字减去那个进度条DIV的clientX属性就是鼠标在进度条上的位置。你自己可以作些加减微调确保结果适当。如果宽度100px,你点的位置是40px那么用40/100歌曲长度就是当前应该跳转到的位置了。
加入滑块也很简单，网上有很多drag类，加一个进去稍微调整一下就比较好了
顺便也贴一下wmp组件的基本属性吧，LZ如果没有的话可以稍微参考一下
URL:String; 指定媒体位置，本机或网络地址
uiMode:String; 播放器界面模式，可为Full, Mini, None, Invisible
playState:integer; 播放状态，1=停止，2=暂停，3=播放，6=正在缓冲，9=正在连接，10=准备就绪
enableContextMenu:Boolean; 启用/禁用右键菜单
fullScreen:boolean; 是否全屏显示
[controls] wmpcontrols //播放器基本控制
controlsplay; 播放
controlspause; 暂停
controlsstop; 停止
controlscurrentPosition:double; 当前进度
controlscurrentPositionString:string; 当前进度，字符串格式。如“00:23”
controlsfastForward; 快进
controlsfastReverse; 快退
controlsnext; 下一曲
controlsprevious; 上一曲
[settings] wmpsettings //播放器基本设置
settingsvolume:integer; 音量，0-100
settingsautoStart:Boolean; 是否自动播放
settingsmute:Boolean; 是否静音
settingsplayCount:integer; 播放次数
[currentMedia] wmpcurrentMedia //当前媒体属性
currentMediaduration:double; 媒体总长度
currentMediadurationString:string; 媒体总长度，字符串格式。如“03:24”
currentMediagetItemInfo(const string); 获取当前媒体信息"Title"=媒体标题，"Author"=艺术家，"Copyright"=版权信息，"Description"=媒体内容描述，"Duration"=持续时间（秒），"FileSize"=文件大小，"FileType"=文件类型，"sourceURL"=原始地址
currentMediasetItemInfo(const string); 通过属性名设置媒体信息
currentMedianame:string; 同 currentMediagetItemInfo("Title")
[currentPlaylist] wmpcurrentPlaylist //当前播放列表属性
currentPlaylistcount:integer; 当前播放列表所包含媒体数
currentPlaylistItem[integer]; 获取或设置指定项目媒体信息，其子属性同wmpcurrentMedia
播放器界面做的很不错，请继续努力
------
问题补充：
那么 wmp在Firefox下如何控制？
-----
目前我所知道的firefox下同样支持以上属性。只是调用时候要这样<object type="application/x-ms-wmp">，其他都相同。我用的是firefox36，安装了wmp扩展控件。没有安装的用户可能不能正常浏览你的页面。
另外在测试的时候发现直接在原来的object里添加type属性不行，但是用一个新的object可以，原因未知。我想是不是不认clsid的问题。如果真是这样，可能需要用程序判断浏览器然后动态写入相应的object元素？
另外查找资料的时候发现了这篇文章
><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<audio id="player">
<source src="092 AC DC - You Shook Me All Night Longmp3"></source>
</audio>
<div style="width: 100%;text-align: center;"><span style="cursor: pointer;" id="start">开始</span></div>
<div style="width: 100%;text-align: center;"><span style="cursor: pointer;" id="stop">暂停</span></div>
</body>
<script type="text/javascript">
documentgetElementById('start')onclick = function(){
playerplay();
}
documentgetElementById('stop')onclick = function(){
playerpause();
}
</script>
</html>
AudioCLip主要的方法有：play()播放依次声音；loop()循环播放音乐；stop()停止播放。做法一：InputStreamis=null;AudioStreamas=null;is=getClass()getResourceAsStream("awav");try{as=newAudioStream(is);}catch(IOExceptione){}AudioPlayerplayerstart(as);此方法将音乐文件放入流中在播放，仅限于JavaApplication，容易报错，空指针异常，或者是流异常，不推荐。做法二：Stringmusic="awav";AudioClipclip=AppletnewAudioClip(getClass()getResource(music));次方法在Applet中运行没有问题，但是Application中getclass()会返回空指针，导致失败。推荐做法：privateURLurl;privateAudioClipac;Filef1=newFile("C:/3wav");try{url=f1toURL();}catch(MalformedURLExceptione){//TODOAuto-generatedcatchblockeprintStackTrace();}ac=AppletnewAudioClip(cb1);acplay();
以上就是关于JS网页播放器的进度条究竟怎么做 高分求原理及代码 100分全部的内容，包括:JS网页播放器的进度条究竟怎么做 高分求原理及代码 100分、用html js实现 单击文字然后播放音乐的功能、java js前端请求后台去获得音频流，然后播放音乐，音乐可以控制进度，显示总时长等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）