param asp.net 网页播放器,该怎么解决
param asp.net 网页播放器
谁能给个详细介绍例子啊 可以下一首 暂停 自动播放列表歌曲之类的功能 谢谢 在线等急 有别的音乐播放控件也行
------解决思路----------------------
播放器代码
<!--播放器 开始-->
<object id="Exobud" style="width: 273px; height: 64px" type="application/x-oleobject"
classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="URL" value=""/>
<param name="rate" value="1"/>
<param name="balance" value="0"/>
<param name="currentPosition" value="0"/>
<param name="defaultFrame" value=""/>
<param name="playCount" value="1"/>
<param name="autoStart" value="-1"/>
<param name="currentMarker" value="0"/>
<param name="invokeURLs" value="-1"/>
<param name="baseURL" value=""/>
<param name="volume" value="80"/>
<param name="mute" value="0"/>
<param name="uiMode" value="full"/>
<param name="stretchToFit" value="-1"/>
<param name="windowlessVideo" value="0"/>
<param name="enabled" value="-1"/>
<param name="enableContextMenu" value="0"/>
<param name="fullScreen" value="0"/>
<param name="SAMIStyle" value=""/>
<param name="SAMILang" value=""/>
<param name="SAMIFilename" value=""/>
<param name="captioningID" value=""/>
<param name="enableErrorDialogs" value="0"/>
<param name="_cx" value="7223"/>
<param name="_cy" value="1693"/>
</object> <!--播放器 结束-->
先建立一个播放列表
假设用户所选的歌曲参数已传过来
播放列表如下
<select name="SongList" size="5" >
OnDblClick="player();">
<option value="songs/001.mp3">001</option>
<option value="songs/002.wma">002</option>
<option value="songs/003.WMV">003</option>
<option value="songs/004.mp3">004</option>
<option value="songs/005.wma">005</option>
</select>
同时设置几个按钮
<a href="#" onclick="javascript:play();">on</a>
<a href="#" onclick="javascript:Last_OneOK();">last</a>
<a href="#" onclick="javascript:Next_OneOK();">next</a>
js
<script language="JavaScript">
//var server='http://localhost/music/';
var SongList = document.getElementById("SongList");
var Exobud = document.getElementById("Exobud");
var TotalSongs = SongList.options.length;
function play()
{
SongList.options[0].selected=true;
player();
}
function player(){
if(SongList.selectedIndex < 0) alert('系统错误,请选择您要播放的曲目!');
else{
var url;
url = SongList.options[SongList.selectedIndex].value;
Exobud.URL=url;
//alert(TotalSongs);
Exobud.controls.play();
showTLab();
return;
}
}
function showTLab(){
if(Exobud.playState == 1)
Next_OneOK();
setTimeout("showTLab()", 1000);
}
function Next_OneOK(){
if(SongList.selectedIndex >= 0){
if(SongList.selectedIndex < TotalSongs-1){
SongList.options[SongList.selectedIndex + 1].selected = true;
player();
}else{
SongList.options[0].selected = true;
player();
}
}
}
function Last_OneOK(){
if((SongList.selectedIndex > 0) && (SongList.selectedIndex < TotalSongs)){
SongList.options[SongList.selectedIndex - 1].selected = true;
player();
}
}
</script>
这样问题就解决了.
注音乐文件都是我本地的
附上media player的一些控制方法
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:已停止)
======================================
上面是别人的东西,下面是我项目里的
1.
<script language="javascript" type="text/javascript">
function player(soundFile)
{
Exobud.URL=soundFile;
Exobud.controls.play();
return;
}
</script>
2.
<object id="Exobud" width="350" height="64" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" align="baseline" border="0" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
<param name="URL" value="" />
<param name="autoStart" value="0" />
</object>
3.
protected void gvGetFiles_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowIndex >= 0)
{
string soundPath = gvGetFiles.DataKeys[e.Row.RowIndex].Value.ToString();
soundPath = soundPath.Replace(@"\\", @"/");
soundPath = soundPath.Replace(@"\", @"/");
int i = soundPath.IndexOf("LuYin");
soundPath = soundPath.Substring(i);
HyperLink _hlPlay = (HyperLink)e.Row.FindControl("hlPlay");
_hlPlay.NavigateUrl = "javascript:player('" + soundPath + "')";
}
}
------解决思路----------------------
给你个参考 ,从简单功能到复杂功能都有 http://www.jb51.net/article/25671.htm
------解决思路----------------------
你可以用一个插件,很简单的。
下载JQuery1.11.1 , flowplayer.min
调用:
可以去试试...
------解决思路----------------------
http://www.ckplayer.com/
谁能给个详细介绍例子啊 可以下一首 暂停 自动播放列表歌曲之类的功能 谢谢 在线等急 有别的音乐播放控件也行
------解决思路----------------------
播放器代码
<!--播放器 开始-->
<object id="Exobud" style="width: 273px; height: 64px" type="application/x-oleobject"
classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="URL" value=""/>
<param name="rate" value="1"/>
<param name="balance" value="0"/>
<param name="currentPosition" value="0"/>
<param name="defaultFrame" value=""/>
<param name="playCount" value="1"/>
<param name="autoStart" value="-1"/>
<param name="currentMarker" value="0"/>
<param name="invokeURLs" value="-1"/>
<param name="baseURL" value=""/>
<param name="volume" value="80"/>
<param name="mute" value="0"/>
<param name="uiMode" value="full"/>
<param name="stretchToFit" value="-1"/>
<param name="windowlessVideo" value="0"/>
<param name="enabled" value="-1"/>
<param name="enableContextMenu" value="0"/>
<param name="fullScreen" value="0"/>
<param name="SAMIStyle" value=""/>
<param name="SAMILang" value=""/>
<param name="SAMIFilename" value=""/>
<param name="captioningID" value=""/>
<param name="enableErrorDialogs" value="0"/>
<param name="_cx" value="7223"/>
<param name="_cy" value="1693"/>
</object> <!--播放器 结束-->
先建立一个播放列表
假设用户所选的歌曲参数已传过来
播放列表如下
<select name="SongList" size="5" >
OnDblClick="player();">
<option value="songs/001.mp3">001</option>
<option value="songs/002.wma">002</option>
<option value="songs/003.WMV">003</option>
<option value="songs/004.mp3">004</option>
<option value="songs/005.wma">005</option>
</select>
同时设置几个按钮
<a href="#" onclick="javascript:play();">on</a>
<a href="#" onclick="javascript:Last_OneOK();">last</a>
<a href="#" onclick="javascript:Next_OneOK();">next</a>
js
<script language="JavaScript">
//var server='http://localhost/music/';
var SongList = document.getElementById("SongList");
var Exobud = document.getElementById("Exobud");
var TotalSongs = SongList.options.length;
function play()
{
SongList.options[0].selected=true;
player();
}
function player(){
if(SongList.selectedIndex < 0) alert('系统错误,请选择您要播放的曲目!');
else{
var url;
url = SongList.options[SongList.selectedIndex].value;
Exobud.URL=url;
//alert(TotalSongs);
Exobud.controls.play();
showTLab();
return;
}
}
function showTLab(){
if(Exobud.playState == 1)
Next_OneOK();
setTimeout("showTLab()", 1000);
}
function Next_OneOK(){
if(SongList.selectedIndex >= 0){
if(SongList.selectedIndex < TotalSongs-1){
SongList.options[SongList.selectedIndex + 1].selected = true;
player();
}else{
SongList.options[0].selected = true;
player();
}
}
}
function Last_OneOK(){
if((SongList.selectedIndex > 0) && (SongList.selectedIndex < TotalSongs)){
SongList.options[SongList.selectedIndex - 1].selected = true;
player();
}
}
</script>
这样问题就解决了.
注音乐文件都是我本地的
附上media player的一些控制方法
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:已停止)
======================================
上面是别人的东西,下面是我项目里的
1.
<script language="javascript" type="text/javascript">
function player(soundFile)
{
Exobud.URL=soundFile;
Exobud.controls.play();
return;
}
</script>
2.
<object id="Exobud" width="350" height="64" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" align="baseline" border="0" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
<param name="URL" value="" />
<param name="autoStart" value="0" />
</object>
3.
protected void gvGetFiles_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowIndex >= 0)
{
string soundPath = gvGetFiles.DataKeys[e.Row.RowIndex].Value.ToString();
soundPath = soundPath.Replace(@"\\", @"/");
soundPath = soundPath.Replace(@"\", @"/");
int i = soundPath.IndexOf("LuYin");
soundPath = soundPath.Substring(i);
HyperLink _hlPlay = (HyperLink)e.Row.FindControl("hlPlay");
_hlPlay.NavigateUrl = "javascript:player('" + soundPath + "')";
}
}
------解决思路----------------------
给你个参考 ,从简单功能到复杂功能都有 http://www.jb51.net/article/25671.htm
------解决思路----------------------
你可以用一个插件,很简单的。
下载JQuery1.11.1 , flowplayer.min
调用:
<html>
<head>
<title></title>
</head>
<body>
<div class="flowplayer is-splash">
<video>
<source type="video/webm"
src="janison.mp4">
<source type="video/mp4"
src="janison.mp4">
</video>
</div>
<!-- Flowplayer依赖的jquery -->
<script src="jquery.min.1.11.1.js"></script>
<!-- Flowplayer类库-->
<script src="flowplayer.min.js"></script>
</body>
<link href="minimalist.css" rel="stylesheet" media="screen">
<style>
.flowplayer{
background-image: url("minimalist.jpg");
}
</style>
</html>
可以去试试...
------解决思路----------------------
http://www.ckplayer.com/