IT编程 > 网页制作 > HTML

多首歌曲连续播放之asx播放列表文件

577人参与2017-12-01

经常看到一些音乐站点有这样的一个功能:任意选择页面中歌曲名称前的复选框,单击播放按钮即可实现这多个被选择歌曲的连续播放。

如果是单个音频文件在文档中播放,使用常用的方法即如这里介绍的第三种方法的类似方法。

但现在是多首歌曲,方法则不尽然~曾记得使用winamp播放器时保存的列表文件m3u,现行的mediaplayer播放器使用的wpl列表文件格式,当然,这里我要使用的是asx播放列表文件

asx文件是一个文本文件,他主要的目的是对流信息进行重定向,类似rpm(rm的中转文件)文件。

利用asx文件来重定向流信息的原因主要是:目前通用的浏览器通常均不能直接支持用于播放流信息的协议mms,所以我们采用asx文件。 

在asx中包含了媒体内容对应的url,当我们在html中让一个hyperlink与asx联系时,浏览器会直接将asx的内容送给media player,media player 会根据asx文件的信息用相应的协议去打开指定位置上的多媒体信息流或多媒体文件。

采用asx文件以后,当浏览器发现一个连接与asx有关时,它知道需要用media player 来播放流信息,于是它就会启动meida player,media player就可以用mms协议来播放流信息了。


一个标准的asx文件格式如下:


<asx version = "3.0">
<entry> <ref href = "http://server/song1.asf" /> </entry>
<entry> <ref href = "http://server/song2.asf" /> </entry>    
<entry> <ref href = "http://server/song3.asf" /> </entry>
</asx>

 


注意asx文件本身并非媒体文件本身,而是媒体文件的列表,媒体文件的地址通过 entry节点的子节点ref 的href属性来表示。

当然,还可以通过entry节点内定义更多子节点来丰富当前媒体文件的信息,比如:



<asx version = "3.0">

<entry> 
<ref href = "http://www.kmtv.com.cn/edit/uploadfile/200583195159842.mp3" />
<title>lonely (www.164.cc)</title>
<author>[nana](www.164.cc)</author>
<copyright>属于该歌唱片公司或歌手等权利人</copyright>
</entry>

<entry>
<ref href = "http://www.syzone.cn/mov/mymp3/yeyeye.mp3" />
<title>yeyeye (www.164.cc)</title>
<author>[dj](www.164.cc)</author>
<copyright>属于该歌唱片公司或歌手权利人</copyright>
</entry>

</asx>

 


其中<title></title>表示该媒体文件的标题,<author></author>表示该媒体文件作者(即演唱该歌曲的艺术家),<copyright></copyright>表示该媒体文件的版权声明。

其他更详细内容参看: http://support.microsoft.com/kb/247355/zh-cn 

有了对asx文件格式的认识,就可以自己来制作媒体播放列表文件,满足多首歌曲连续播放的要求。

那么如何将asx文件插入到页面中进行播放呢?通常的方法就是把asx文件当作普通的媒体文件插入到页面中即可(如本文开始说提到的常用方法)

不过对于动态的歌曲播放而言,每次选择歌曲的不同则需要不同的列表文件,这很显然是不适合的,所以必须动态生成asx的内容。

因为asx的文件格式是固定的,所以可根据用户所选择歌曲的不同,查询相关媒体文件路径后,循环写出asx的文件内容即可。so,在保持asx文件格式不变的情况下,将asx文件后缀名可修改为.asp进行引用

比如: http://www.164.cc/2006/testmusic/tt.asp 
其中连接的媒体播放列表文件是: http://www.164.cc/2006/testmusic/tm.asp 
虽然媒体列表文件是asp类型,但其内容是asx的格式,这并不影响歌曲的播放。

另外,<% response.contenttype="video/x-ms-asf" %>是asp声明当前文件为asx文件的方法,但在tm.asp文件首行应用时,用户打开该文件链接,将自动使用本地mediaplayer调用播放。

测试:http://www.164.cc/2006/testmusic/tm1.asp 

ok,有关静态的内容先说到这,下一步就是通过数据库抽取,动态生成媒体列表文件tm.asp的内容,待续。

您对本文有任何疑问!!点此进行留言回复

推荐阅读

猜你喜欢

多首歌曲连续播放之asx播放列表文件

12-01

图片自动播放器脚本之家修正

12-01

功能齐全的Real播放器

12-01

封装的一个播放器wmv

12-01

内嵌式RealPlayer播放器的参数含义

12-01

利用JAVASCRIPT控制MEDIA PLAYER的功能实现

12-01

拓展阅读

大家都在看

前端页面点击图片放大功能(viewerjs插件的简单而强大)

08-20

京训钉自动播放,京训钉自动续播,京训钉刷课时,京训钉自动关弹窗,京训钉自动下一课

08-12

WVP+ZLMediaKit+MediaServerUI实现摄像头GB28181推流播放录制

08-12

R2S搭配即插即用的4G Cat4实现4G转有线以太网的应用演示

11-17

R2S搭配即插即用的4G Cat4实现4G转有线以太网的应用演示

11-17

7-2 交换最小值和最大值 (15分)

10-26

解决uniapp小程序打包体积超过2M,提示包体积超过2M,“main packagexxx”,不给上传和预览的解决办法,绝对有效!

08-14

Solr 8-7的安装、配置

11-13

热门评论