网页播放技术的超炫应用实战解析
谱乐专栏是谱乐关于网页播放器的一个系列专题讲座,谱乐视听作为网页播放器的门户网站,必将以最好最全的原创作品奉献与大家。大家在阅读的时候,应该按照发表时间的先后顺序。因为她是一个循序渐进的教案,顺序研究有助于尽快提高你的理解与消化。懂的地方仔细读,不懂的地方硬着头皮读,同时也请大家多提宝贵意见。现在言归正传。
想让你的论坛(网页)超眩超酷吗?想让你的论坛(网页)生动活泼吗?使用谱乐的网页播放器吧。下面谱乐向大家郑重推荐三款,均是经典案例,先切身感受一番如何。
第一款:BBSVisual For Lrc 。演示处 http://aboutplayer.com/bbs/bvl.htm 。特点是兼容 WMP、Real、SWF 及图片等几乎所有媒体格式。可视频、全屏播放,可播放本地媒体。能保存播放列表到本地以随时读取。能根据歌名自动搜索加载同步播放歌词,歌词逐字变色,实现网上卡拉 OK 效果。所见即所得后台管理模式。对歌曲有分类、改名、收藏、搜索等功能。
第二款:AutoHide Player 。演示处 http://aboutplayer.com/autohide_asp 。即自动隐藏播放器。占用系统资源少。
第三款:Aquamp Player 。演示处 http://aboutplayer.com/aquamp 。以前面讲到 playlist.asx 播放列表文件为歌曲清单,HTML 版本适用于所有类型空间。特别是她的网页嵌套技术非常的精彩别致,千万要一睹芳容。
还有一款,谱乐有必要单独推荐,即谱乐制作“即插即用”点歌系统,真正的网上互动哟。适用于 DVBBS、LEADBBS等所有类型论坛(网页)。演示处 http://aboutplayer.com/bbs/dg_bbs.asp 。
其实还有好多款式,嵌入论坛的方式也有六法,谱乐论坛有系统总结。大家可前往查阅详细相关资料。接下来谱乐给大家介绍最基本的播放器论坛嵌套方法,也请大家举一反三。
1、播放器在底部
<frameset rows="*,25" frameborder="no" border="0" framespacing="0">// * 表论坛,25 表播放器的高
<frame src="论坛地址" name="mainFrame" scrolling="yes">// 上
<frame src="播放器地址" name="bottomFrame" scrolling="no" noresize>// 下
</frameset>
<noframes><body> | 或<noframes></noframes>
</body></noframes> | 效果自己测试比较,谱乐建议用后者
2、播放器在顶部
<frameset rows="25,*" frameborder="no" border="0" framespacing="0">
<frame src="播放器地址" name="topFrame" scrolling="no" noresize>
<frame src="论坛地址" name="mainFrame" scrolling="yes">
</frameset>
<noframes></noframes>
3、播放器在左边
<frameset cols="25,*" frameborder="no" border="0" framespacing="0">// 上下是 rows,左右是 cols
<frame src="播放器地址" name="leftFrame" scrolling="no" noresize>
<frame src="论坛地址" name="mainFrame" scrolling="yes">
</frameset>
<noframes></noframes>
4、播放器在右边
<frameset cols="*,25" frameborder="no" border="0" framespacing="0">
<frame src="论坛地址" name="mainFrame" scrolling="yes">
<frame src="播放器地址" name="rightFrame" scrolling="no" noresize>
</frameset>
<noframes></noframes>
上述四法是论坛、播放器两级嵌套。Aquamp 是三级嵌套,除论坛、播放器外,还有一个中间扩展页。Aquamp 因她所以精彩。具体方法同上,想继续了解的朋友,请到谱乐论坛查阅相关专题。
前面讲了点播文字链接弹出新窗口。本讲主题是:文字链接与播放器窗口处于同一页面。请点下面的文字链接观看效果。
代码如下:
<table height="310" cellSpacing="0" cellPadding="0" width="375" border="0">
<tbody>
<tr>
<td width="375" bgcolor="#cccccc" height="310">
相关新闻>>
- 发表评论
-
- 最新评论 更多>>