界面较为简单,支持播放列表 。
建立播放列表的步骤为:
1)在文本框中输入媒体资源的地址,可以是HTTP地址,相对地址和绝对地址
2)点击“添加到媒体列表”按钮,将媒体资源信息放到媒体列表中
3)在媒体列表中,点击“添加”链接,将媒体加入到播放列表中
4)重复若干遍,加入所有歌曲
5)点击“播放选中的歌曲“,就开始播放 播放列表中的所有打勾的媒体文件
建立播放列表的步骤为:
1)在文本框中输入媒体资源的地址,可以是HTTP地址,相对地址和绝对地址
2)点击“添加到媒体列表”按钮,将媒体资源信息放到媒体列表中
3)在媒体列表中,点击“添加”链接,将媒体加入到播放列表中
4)重复若干遍,加入所有歌曲
5)点击“播放选中的歌曲“,就开始播放 播放列表中的所有打勾的媒体文件
完整代码如下:
<script language="JavaScript">
function el(objname)
{
return document.getElementById(objname);
}
//增加一首歌到播放器列表,这样,播放器放完一首歌之后,会继续放下一首
function addmedia(url)
{
// 取得当前的播放列表
var playlist=Player.currentPlaylist;//新建一个指定URL的Media。
var currMedia = Player.newMedia(url);
//把新建的Media item添加到播放器列表
playlist.appendItem(currMedia);
}
function clearlist()
{
//Player.currentPlaylist.count返回列表中的歌曲数量
while(Player.currentPlaylist.count>0)
{
var item =Player.currentPlaylist.item(Player.currentPlaylist.count-1);
Player.currentPlaylist.removeItem(item); //从播放列表中删除项
}
}
//清空播放列表
function clearPlaylist()
{
clearlist();
var l_tb = el("tabPlayList");
var row_len = l_tb.rows.length;
for(var i = 0; i < row_len; i++)
l_tb.firstChild.removeChild(l_tb.firstChild.childNodes[0]);
}
//清空媒体列表
function clearMedialist()
{
var l_tb = el("tabMediaList");
var row_len = l_tb.rows.length;
for(var i = 0; i < row_len; i++)
l_tb.firstChild.removeChild(l_tb.firstChild.childNodes[0]);
}
//播放选中的歌曲
function addSeletedSongToPlayList()
{
clearlist();
var l_tb = el("tabPlayList");
var row_len = l_tb.rows.length;
if(row_len == 0)
{
//alert("无歌曲");
return;
}
for(var i=0;i<row_len;i++)
{
var check = l_tb.rows[i].cells[0].childNodes[0];
var songname = l_tb.rows[i].cells[1].innerText;
if(check.checked==true)
{
addmedia(songname);
}
}
SetPlayMode(el("setplay").options[el("setplay").selectedIndex].value)
Player.controls.play(); //让播放器开始播放
}
//添加文本输入框中的url到播放列表
function addUrlToList()
{
//addmedia(document.getElementById("songURL").value );
var l_tb = el("tabMediaList");
var row_len = l_tb.rows.length;
var tr = document.createElement("tr");
var td = document.createElement("td");
var strSong = el("songURL").value;
var strHtml = strSong + " <a href='#' onclick='addSong("" + strSong + "");'>添加</a>";
strHtml += " <a href='#' onclick='removeSong(this.parentElement.parentElement);'>移除</a>";
td.innerHTML = strHtml;
tr.appendChild(td);
l_tb.firstChild.appendChild(tr);
el("songURL").value = "http://";
}
//添加文本输入框中的url到播放列表
function addSong(strSongName)
{
var l_tb = el("tabPlayList");
var row_len = l_tb.rows.length;
var tr = document.createElement("tr");
var td = document.createElement("td");
var strChecked = "<input type='checkbox' checked value='" + strSongName + "'>";
td.innerHTML = strChecked;
tr.appendChild(td);
td = document.createElement("td");
td.innerHTML = strSongName;
tr.appendChild(td);
td = document.createElement("td");
var strHtml = " <a href='#' onclick='removePlaySong(this.parentElement.parentElement);'>移除</a>";
td.innerHTML = strHtml;
tr.appendChild(td);
l_tb.firstChild.appendChild(tr);
}
//从媒体列表删除
function removeSong(tr)
{
var l_tb = el("tabMediaList");
l_tb.firstChild.removeChild(tr);
}
//从播放列表删除
function removePlaySong(tr)
{
var l_tb = el("tabPlayList");
l_tb.firstChild.removeChild(tr);
}
//到指定位置播放
function playposition()
function el(objname)
{
return document.getElementById(objname);
}
//增加一首歌到播放器列表,这样,播放器放完一首歌之后,会继续放下一首
function addmedia(url)
{
// 取得当前的播放列表
var playlist=Player.currentPlaylist;//新建一个指定URL的Media。
var currMedia = Player.newMedia(url);
//把新建的Media item添加到播放器列表
playlist.appendItem(currMedia);
}
function clearlist()
{
//Player.currentPlaylist.count返回列表中的歌曲数量
while(Player.currentPlaylist.count>0)
{
var item =Player.currentPlaylist.item(Player.currentPlaylist.count-1);
Player.currentPlaylist.removeItem(item); //从播放列表中删除项
}
}
//清空播放列表
function clearPlaylist()
{
clearlist();
var l_tb = el("tabPlayList");
var row_len = l_tb.rows.length;
for(var i = 0; i < row_len; i++)
l_tb.firstChild.removeChild(l_tb.firstChild.childNodes[0]);
}
//清空媒体列表
function clearMedialist()
{
var l_tb = el("tabMediaList");
var row_len = l_tb.rows.length;
for(var i = 0; i < row_len; i++)
l_tb.firstChild.removeChild(l_tb.firstChild.childNodes[0]);
}
//播放选中的歌曲
function addSeletedSongToPlayList()
{
clearlist();
var l_tb = el("tabPlayList");
var row_len = l_tb.rows.length;
if(row_len == 0)
{
//alert("无歌曲");
return;
}
for(var i=0;i<row_len;i++)
{
var check = l_tb.rows[i].cells[0].childNodes[0];
var songname = l_tb.rows[i].cells[1].innerText;
if(check.checked==true)
{
addmedia(songname);
}
}
SetPlayMode(el("setplay").options[el("setplay").selectedIndex].value)
Player.controls.play(); //让播放器开始播放
}
//添加文本输入框中的url到播放列表
function addUrlToList()
{
//addmedia(document.getElementById("songURL").value );
var l_tb = el("tabMediaList");
var row_len = l_tb.rows.length;
var tr = document.createElement("tr");
var td = document.createElement("td");
var strSong = el("songURL").value;
var strHtml = strSong + " <a href='#' onclick='addSong("" + strSong + "");'>添加</a>";
strHtml += " <a href='#' onclick='removeSong(this.parentElement.parentElement);'>移除</a>";
td.innerHTML = strHtml;
tr.appendChild(td);
l_tb.firstChild.appendChild(tr);
el("songURL").value = "http://";
}
//添加文本输入框中的url到播放列表
function addSong(strSongName)
{
var l_tb = el("tabPlayList");
var row_len = l_tb.rows.length;
var tr = document.createElement("tr");
var td = document.createElement("td");
var strChecked = "<input type='checkbox' checked value='" + strSongName + "'>";
td.innerHTML = strChecked;
tr.appendChild(td);
td = document.createElement("td");
td.innerHTML = strSongName;
tr.appendChild(td);
td = document.createElement("td");
var strHtml = " <a href='#' onclick='removePlaySong(this.parentElement.parentElement);'>移除</a>";
td.innerHTML = strHtml;
tr.appendChild(td);
l_tb.firstChild.appendChild(tr);
}
//从媒体列表删除
function removeSong(tr)
{
var l_tb = el("tabMediaList");
l_tb.firstChild.removeChild(tr);
}
//从播放列表删除
function removePlaySong(tr)
{
var l_tb = el("tabPlayList");
l_tb.firstChild.removeChild(tr);
}
//到指定位置播放
function playposition()