使用JavaScript创建IE音乐播放器

TXT文件

下载需积分: 9 | 3KB | 更新于2024-09-09 | 145 浏览量 | 举报收藏

立即下载

"IE音乐播放器的实现与应用" 在早期的互联网时代，IE音乐播放器是一种常见的在线音频播放解决方案，特别是在2001年左右。这个时期的网页设计和交互功能相对简单，大部分用户依赖于特定的播放软件，如RealPlayer或Winamp来播放网页中的音乐内容。然而，由于RealPlayer的复杂性和Winamp的不兼容性，开发者开始寻找更简洁、更适应网页环境的播放方式。于是，基于JavaScript的IE音乐播放器应运而生。在IE音乐播放器的实现中，通常会利用JavaScript语言来控制音乐的播放、暂停等操作。例如，通过创建一个JavaScript函数，可以将.mp3文件链接到页面上。当用户点击链接时，浏览器会调用该函数，并将链接传递给另一个页面，通常是listen.htm，用来处理实际的音乐播放。例如，以下代码展示了如何创建一个简单的音乐列表： 1. music.htm页面： ```html <html> <head> <title>音乐列表</title> </head> <body> <script language="javascript"> function d(n) { document.write("<a href=\"listen.htm?"+n+"\" target=\"bottom\">"+n+"</a><br>"); } // 写出音乐列表 document.write("<p align=\"center\"><font size=\"5\" color=\"#ff0000\">音乐列表</font></p><p>"); d("song1.mp3"); d("song2.mp3"); // 更多歌曲... document.write("</p>"); </script> </body> </html> ``` 在这个例子中，`d()`函数会生成一个链接，指向listen.htm并附带歌曲名作为参数。 2. listen.htm页面： ```html <html> <head> <title>音乐播放器</title> </head> <body> <script language="javascript"> var query = location.href.indexOf("?"); var song = ""; if (query != -1) { song = location.href.substring(query+1); } // 播放歌曲的逻辑 // ... </script> </body> </html> ``` 在这个页面，JavaScript会解析URL中的查询字符串，获取到歌曲名，然后使用相应的技术（可能是ActiveX对象或者Flash）来播放音乐。值得注意的是，这种方法依赖于浏览器对JavaScript的支持以及特定的技术环境，如IE浏览器的ActiveX控件。这种方式在现代Web开发中已经不再常见，因为HTML5引入了<audio>标签，可以直接在网页内嵌入音乐播放功能，无需额外的JavaScript处理。此外，为了适应不同操作系统和文件路径的差异，开发者可能需要处理不同的URL模式，如本地文件路径（file:///）或相对路径。例如，将.mp3文件链接写为`d:\music\song.mp3`或`file:///d:/music/song.mp3`，这些都需要在JavaScript中进行适当的处理，以确保在各种环境下都能正常工作。总结来说，IE音乐播放器是早期网页交互的一个重要实例，它展示了如何利用JavaScript和早期的Web技术来提供在线音乐体验。随着技术的发展，如今的音乐播放解决方案更加标准化、跨平台，如使用HTML5的<audio>标签配合现代浏览器的功能，提供了更强大且兼容性更好的用户体验。

标题：IE音乐播放器
栏目：编程天地类别：源码放送时间：2001-9-24 阅读次数：170
内容简介：网页形式的音乐点播系统，有IE就行。
【说明：】

　　首先申明，这个系统并不是很出色，以至于可以代替其它音乐播放软件，只不过因为我喜欢瞎古捣，才一时兴起编了一个。而且，恰恰相反，本软件的运行需要RealPlayer播放插件。

　　当你收集了好多音乐在电脑硬盘里时，经常听听它们已经成了你的爱好，启动RealPlayer吧，或者启动Winamp吧。等等，我这里为您准备了一个网页上的播放系统，你只要打开网页就可以自由地听歌了。你的浏览器必须装有RealPlayer插件。

　　因为是单机版，所以不用ASP来做，所有要处理的数据都用javascript来完成。您的浏览器必须设置为支持javascript。

　　下面有三段代码，你按指定的文件名把它们分另存为三个“.htm”文件（网页文件）。保存好后，再在“music.htm”中找到“自己添加区”，在哪里添加你自己的一些必要信息。添加时需要按如下的规则：

　　你硬盘里的歌曲一定有个文件名，此时以“流星雨.mp3”为例:

　　1、如果你把三个网页文件和音乐文件放在同一个文件夹里的，那么很简单，按照“d("流星雨.mp3");”格式来添加，分号是必需的，双引号不要。

　　2、如果没有放在同一文件夹下，可以转化成相对于网页所在文件夹的相对路径。比如网页文件放在“d:\”根目录中，歌曲放在“d:\music\”目录中，按照“d("music/流星雨.mp3");”格式添加。

　　3、如果不在同一分区下，可以按“d("file:///d:/music/流星雨.mp3");”格式来添加。

　　4、有多首歌，可以每一首歌写一行，直到全部添加进去。

【代码：】

一、diange.htm：

<html>
<head>
<title>偷猫点歌</title>

下载后可阅读完整内容，剩余2页未读，立即下载