论文部分内容阅读
一天,QQ中的一个好友告诉我,快去听听“彩铃乐翻天”,今天是十大热门彩铃揭榜,非常搞笑,然后便发过来一个地址,让我点击里面的“北京音乐”实时直播。原来朋友给我的是北京广播网(http://www.bjradio.com.cn/)的网址,点击页面中的在线播放(如图1),嘿嘿,效果还不错。连续收听了几日他所推荐的这个“彩铃乐翻天”节目,果真挺逗的。灵感闪现突发其想,不如将这个在线广播功能做成网页,放到我的个人主页里,让所有看我网页的朋友也可以同时收听到广播,顺便还可以帮我增加人气,这岂不是两全其美?不犹豫了,说干咱就干!
一、查找源代码
如果想将在线播放功能移植到新网页中,首先要找到在线播放功能的源代码。可是北京广播网的在线播放窗口菜单栏目被隐藏了,右键功能也被屏蔽了,如何才能打开源代码呢?思量片刻后,笔者首先打开了遨游浏览器,然后又打开了播放窗口,如此菜单栏就不会被屏蔽了。就这样点击“查看”→“源文件”,便顺利地打开了在线播放窗口的源文件(如图2)。
哈哈,北京广播网的网页做得真规范,每一段代码都有标注。找到的注解,不用说,这句提示下面的代码就是在线播放器的源代码了。按照网页语言的规则,每段代码都是前后对应的,播放器控件的源代码以结尾。只要复制之间的代码,在线播放功能就到手了。
二、建立新网页
因为这个在线播放页面非常简单,所以我们用任何一种网页制作软件建立这个网页都可以。如果你手头没有网页制作工具,甚至可以直接新建一个文本文件,然后把这段代码粘贴进去(如图3),保存时,保存成扩展名为htm网页文件就可以了。浏览一下刚刚建立的网页,怎么样?不错吧,播放一切正常,这样一个在线播放页面就做好了(如图4)。
三、完善页面
虽然在线播放功能已经可以正常使用了,但是就一个播放条,实在是太简陋了,应该美化完善一下。
首先,在北京广播网上找到北京音乐台的节目表,这里的节目表是JPG的图片格式。接下来,将节目表保存到在线播放页面所在的文件夹内。用记事本打开这个在线播放页面,在在线播放代码前面加一句插入图片的代码:
。其中src=后面表示的是要插入图片的路径和文件名,而其后的width和heigh则表示的是图片的宽和高,单位是像素,也可以用百分数来表示。经过这步操作,节目表就插入进去了。
当然,如果你有专业的网页制作工具,也可以直接用这些工具打开这个页面,做进一步处理,最终效果如图5所示。
同样的道理,播放器的大小也可以这样设置,只要将TYPE="application/x-oleobject" width="100%" height="64" VIEWASTEXT>中间的width和heigh改成你需要的值即可。
另外,如果你还想制作别的电台在线播放页面,不用重复前面的步骤。只需要找到别的电台的播放地址,然后替换掉你所制作的在线播放页面中的地址就可以了。这样一个简单好用的在线播放页面便制作完成了,是不是非常简单啊?那就别光傻看着了,也来为你的主页添加一个美观实用的网络电台吧!
一、查找源代码
如果想将在线播放功能移植到新网页中,首先要找到在线播放功能的源代码。可是北京广播网的在线播放窗口菜单栏目被隐藏了,右键功能也被屏蔽了,如何才能打开源代码呢?思量片刻后,笔者首先打开了遨游浏览器,然后又打开了播放窗口,如此菜单栏就不会被屏蔽了。就这样点击“查看”→“源文件”,便顺利地打开了在线播放窗口的源文件(如图2)。
哈哈,北京广播网的网页做得真规范,每一段代码都有标注。找到的注解,不用说,这句提示下面的代码就是在线播放器的源代码了。按照网页语言的规则,每段代码都是前后对应的,播放器控件的源代码以结尾。只要复制之间的代码,在线播放功能就到手了。
二、建立新网页
因为这个在线播放页面非常简单,所以我们用任何一种网页制作软件建立这个网页都可以。如果你手头没有网页制作工具,甚至可以直接新建一个文本文件,然后把这段代码粘贴进去(如图3),保存时,保存成扩展名为htm网页文件就可以了。浏览一下刚刚建立的网页,怎么样?不错吧,播放一切正常,这样一个在线播放页面就做好了(如图4)。
三、完善页面
虽然在线播放功能已经可以正常使用了,但是就一个播放条,实在是太简陋了,应该美化完善一下。
首先,在北京广播网上找到北京音乐台的节目表,这里的节目表是JPG的图片格式。接下来,将节目表保存到在线播放页面所在的文件夹内。用记事本打开这个在线播放页面,在在线播放代码前面加一句插入图片的代码:
。其中src=后面表示的是要插入图片的路径和文件名,而其后的width和heigh则表示的是图片的宽和高,单位是像素,也可以用百分数来表示。经过这步操作,节目表就插入进去了。
当然,如果你有专业的网页制作工具,也可以直接用这些工具打开这个页面,做进一步处理,最终效果如图5所示。
同样的道理,播放器的大小也可以这样设置,只要将TYPE="application/x-oleobject" width="100%" height="64" VIEWASTEXT>中间的width和heigh改成你需要的值即可。
另外,如果你还想制作别的电台在线播放页面,不用重复前面的步骤。只需要找到别的电台的播放地址,然后替换掉你所制作的在线播放页面中的地址就可以了。这样一个简单好用的在线播放页面便制作完成了,是不是非常简单啊?那就别光傻看着了,也来为你的主页添加一个美观实用的网络电台吧!