首页 > 设计 > 实用代码 > 正文

网页播放器技术的超炫应用

2020-02-10 17:11:43
字体:
来源:转载
供稿:网友
谱乐专栏是谱乐关于网页播放器的一个系列专题讲座,谱乐视听作为网页播放器的门户网站,必将以最好最全的原创作品奉献与大家。大家在阅读的时候,应该按照发表时间的先后顺序。因为她是一个循序渐进的教案,顺序研究有助于尽快提高你的理解与消化。懂的地方仔细读,不懂的地方硬着头皮读,同时也请大家多提宝贵意见。现在言归正传。

想让你的论坛(网页)超眩超酷吗?想让你的论坛(网页)生动活泼吗?使用谱乐的网页播放器吧。下面谱乐向大家郑重推荐三款,均是经典案例,先切身感受一番如何。

第一款: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 因她所以精彩。具体方法同上,想继续了解的朋友,请到谱乐论坛查阅相关专题。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表