您好!欢迎您光临自助网页如何实现歌曲的点播和连播_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>HTML讲座>>>自助网页如何实现歌曲的点播和连播
自助网页如何实现歌曲的点播和连播
发表日期:2007/8/21 8:02:00 出处:黑马在线 作者:黑马 发布人:hsb345 已被访问 1583

 自助网页如何实现歌曲的点播和连播

 

    一些朋友模仿黑马在线动力精华版音乐岛的帖子想在自助网站也实现歌曲的点播和连续播放功能,却碰上一些小问题,不是点播实现不了,就是连播不成功。这是有原因的:空间的环境不同,对代码及其他方面的要求略有区别。

    首先是书签在像新竹和16789这样的自助空间不能使用,因为书签用到符号“#”,在那里将被程序使用首页地址替代,从而达不到点播的目的且JS会有误。为解决这个问题,只能去掉书签,使用style代替,请比较:

·使用书签:

    <a href="#bookmark" …>……</a>

·使用style:

    <a style="cursor:hand" …>…</a>

    其次,我在音乐岛使用的是PHP程序生成HTML和JS代码,在小角符号的使用上做了些巧妙的处理,所生成的HTML和JS代码其实并不规范,只是它可用。标准的点播代码应该严格按照如下样式书写:

<a style="cursor:hand" onclick="wmp1.filename=''''''''音乐一地址''''''''; this.style.color=''''''''silver''''''''">试听</a>

代码解释:

    style="cursor:hand":令鼠标呈手形

    onclick="wmp1.filename=''''''''音乐一''''''''; this.style.color=''''''''silver''''''''":此处代码处理鼠标单击事件,有两个指令——

    wmp1.filename=''''''''音乐一'''''''' - 向id为wmp1的媒体播放机发送音乐地址指令

    this.style.color=''''''''silver'''''''' - 单击后的字体颜色变化

    注意:两条指令所赋的值使用小角单引号,两条指令之间用小角分号隔开,且两条指令一同放在小角双号号里面。

    第三,连续播放问题。连续播放实际上也是一种点播,不同的是,它向播放机发送播放的不是单一文件,而是一个合法的列表文件。为此,我们需要用到媒体列表文件,我通常选择WMP支持的Winamp播放机专用的后缀名为.m3u文件列表,因为它非常简单,每行一个音乐地址文件。自助空间如果不能上传.m3u文件,解决方法是,把它上传到一个FTP空间(没有就申请一个免费的),再在音乐帖里使用它的完整地址。以下是测试用的保存为.m3u的列表文件清单:

//高娜《男孩勿碰》 文件名 - gaona.m3u
http://61.132.97.140/wma/cn/dl2/g/gaona/01/1.wma
http://61.132.97.140/wma/cn/dl2/g/gaona/01/2.wma
http://61.132.97.140/wma/cn/dl2/g/gaona/01/3.wma
http://61.132.97.140/wma/cn/dl2/g/gaona/01/4.wma

    以下是以上歌曲的点播和连播的完整代码——

    最后是效果演示——

1 糖果        试听
2 蚂蚁之恋    试听
3 撕了那封信  试听
4 谁怕谁      试听

全部播放

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167