200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 网页中插入音乐连续播放

网页中插入音乐连续播放

时间:2019-01-27 16:27:18

相关推荐

网页中插入音乐连续播放

一直很想要这个功能,今天在网上搜索了一下,然后结合自己的思路以及Lvyou的帮助整理了这篇文章。

原理

有一种文件叫做asx,这种文件相当于音乐列表文件,我们可以把喜欢听的音乐地址放在这个文件里面,然后用WINAMP、Windows Media player等播放器打开。播放器会根据文件中记录的音乐地址,自动播放里面的音乐,播放完一首之后自动播放下一首。

asx文件可以嵌入网页中。

制作方法

asx文件的制作:打开记事本,复制以下文本。保存为扩展名为asx的文件。

asx文件的格式如下:

————————————————————————————————————————

<ASX Version = "3.0">

<Entry> <Ref href = "1.mp3" /> </Entry>

<Entry> <Ref href = "2.mp3" /> </Entry>

<Entry> <Ref href = "3.mp3" /> </Entry>

</ASX>

————————————————————————————————————————

其中,1.mp3,2.mp3,3.mp3,代表音乐地址。可以替换为其它音乐地址,如“http://xxxxxxx”。

在网页中,像嵌入AVI一样,嵌入asx文件:

————————————————————————————————————————

<object id="MediaPlayer" height="200" width="300" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" VIEWASTEXT>

<param name="URL" value=1.asx>

</object>

————————————————————————————————————————

其中,200和300代表播放器大小,“1.asx”表示嵌入了“1.asx”这个文件。

这样,网页中就可以连续播放音乐了。

附:mediaplayer播放器的嵌入参数:

<object id="MediaPlayer" height="40" width="150" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" VIEWASTEXT>

//播放文件的地址

<param name="URL" value=http://歌曲地址.asx>

//指定流文件播放的速度,负数表示反向播放。当该值不是1时,ASF和 WMV文件在播放时会静音。一般取值在-10到10

<param name="rate" value="1">

//介于-100和100的整数作用:指定平衡左右扬声器

<param name="balance" value="0">

//当前所在播放位置,单位:秒

<param name="currentPosition" value="0">

//指定流文件播放的次数

<param name="playCount" value="1">

//是否自动播放

<param name="autoStart" value="-1">

<param name="currentMarker" value="0">

//指定URL路径是否启动浏览器打开

<param name="invokeURLs" value="-1">

//0到100的任何数值,指定音量大小

<param name="volume" value="50">

//指定音频是否静音

<param name="mute" value="0">

//None,mini,或full,指定Windows媒体播放器控制如何显示

<param name="uiMode" value="mini">

<param name="stretchToFit" value="0">

<param name="windowlessVideo" value="0">

//指定是否让播放器有效

<param name="enabled" value="-1">

//指定是否使右键菜单有效

<param name="enableContextMenu" value="0">

//指定是否采用全屏模式播放流文件内容

<param name="fullScreen" value="0">

</object>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。