用javascript控制调用media player播放器例子[转]

这是一个使用JavaScript控制媒体播放器的实例,支持播放列表。用户可以通过输入媒体资源URL,将其添加到播放列表,然后播放选中的歌曲。示例中包含了添加、删除歌曲,以及播放、暂停、快进、快退等控制功能,但不包含循环播放的实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 
此范例界面较为简单,支持播放列表 。建立播放列表的步骤为:
1)在文本框中输入媒体资源的地址,可以是HTTP地址,相对地址和绝对地址
2)点击“添加到媒体列表”按钮,将媒体资源信息放到媒体列表中
3)在媒体列表中,点击“添加”链接,将媒体加入到播放列表中
4)重复若干遍,加入所有歌曲
5)点击“播放选中的歌曲“,就开始播放 播放列表中的所有打勾的媒体文件
6)循环播放,部分代码贴出来了,但此范例没有实现此功能
< 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();              
//让播放器开始播放
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值