打造多媒体个人空间

admin管理员组

文章数量:1538858

2024年5月18日发(作者：)

维普资讯

●了解常用流媒体格式●在博客、论坛中插入播放器●在网页中实现连续播放音乐功能　

…

■　

■　

打造多媒体个人空间　

●文／图李红、Ｘ　

大家对网页上的播放器一定很熟悉，它们的外观和面板真是五花八门，但归根到底不是Ｗｉｎｄｏｗｓ　Ｍｅｄｉａ　

Ｐｌａｙｅｒ、就是ＲｅａＩＯｎｅ￣Ｍａｃｒｏｍｅｄｉａ　Ｆｌａｓｈ　Ｐｌａｙｅｒ，也就是说只要你在网页或论坛、博客中嵌入这三种播放器　

即可在线播放所有的沉媒体文件，例如ＡＳＦＡＮＭＶ／ＡＶＩ／ＱＴｊ　ＱＴＭ／ＭＯＶ／ＲＡ／ＲＡＭ／ＲＰＭ／ＲＭ／ＲＭＶＢ／ＭＰ３ＡＮＭＡ／　

ＷＡＶ等格式的音频，视频文件。下面就来看常见的流媒体格式以及网页播放器的创建使用方法吧。　

常见网络流媒体格式　

论坛、　博客中插入各种播放器　

目前常见的流媒体格式基本上都是微软或　

我们以名人聚集的新浪博客和网友聚集的网友世界　

ＲｅａｌＮｅｔｗｏｒｋｓ公司主持制定的，这两家公司主导了流　

论坛为例，分别讲解如何在博客和论坛中如何插入各种　

媒体文件格式的　视频。　

发展方向。例如　

步骥　首先我们得有视频／音频的地址，比如我想　

ＡＳＦ／ＷＭＶ／ＡＶＩ／　

看“绝望的生鱼片”视频，只要打开百度视频搜索“ｈｔｔｐ：／／　

ＷＭＡ／ＷＡＶ格式　

ｖｉｄｅｏ．ｂａｉｄｕ　ｃｏｍ”，然后输入“绝望的生鱼片”，即可搜　

就是微软制定的，　

索出很多视频的地址（如图２）。　

采用ＷＭＰ播放　

器；而ＲＡ／ＲＡＭ／　

ＲＰＭ／ＲＭ／ＲＭＶＢ则　

是ＲｅａｌＮｅｔｗｏ　ｒｋｓ　

推出的，使用　

ＲｅａｌＯｎｅ播放器（如图　）；其余的流媒体格式，例如　

ＱＴ／ＱＴＭ／ＭＯＶ／ＭＰ３／ＦＬＶ，则是其他公司或组织推出的。　

流媒体格式　简介　对应的播放器　

它与ｓｗｆ相比，速度快、　Ｍ　ａ　ｃ　ｒ　ｏ　ｍ　ｅ　ｄ　ｉ　ａ　

ＦＬＶ　体积小，目前被众多　

Ｗｅｂ２．０视频网站所采用　Ｆｌａｓｈ　Ｐｌａｙｅｒ８　

ＡｓＦ　微软的流媒体格式，采　Ｗ｛ｎｄＯＷＳ　Ｍｅｄｊａ　

用ＭＰＥＧ～４内核　Ｐｌａｙｅｒ（简称ＷＭＰ）　

微软的格式。在ＡＳＦ　

ｗＭＶ　

格式基础上升级而来　９　０及其以上版本　

羹　

的。在同等视频质量下，　的ＷＭＰ　

步　２点击　

ＷＭＶ格式的体积非常小　

第一个链接进入土　

，

ＡＶｌ　微软的格式　

Ｗｉ

Ｐｌａｙｅｒ

ｎｄＯＷＳ　Ｍｅｄｉ

ａ　

豆网的视频播放地　

址。

ＲｅａｌＭｅｄＩａ　Ｒｅａｌ

包

Ｖｉ

括

ｄｅｏ和

了Ｒｅａｌ

Ｒｅａｌ

Ａｕｄｉ

Ｆｌａｓｈ　Ｒ　

ｏ、　

点击下方的“嵌　

ｅａＩ　ＰｌａＹｅ　ｒ或　

入视频播放器代　

＝娄文件　ＲｅａｌＯｎｅ　Ｐｌａｙｅｒ　

码（ＨＴＭＬ）”右边　

ＲＭ　由ＲＭ格式升级延伸而　使用ＲｅａＩＯｎｅ　

的按钮，即可复制　

来的　Ｐｌａｙｅｒ２　０以上版　

；　

此视频的播放代码　

１　Ｐ。　

端｛　…

Ｊ　

本的解码器播放　

（如图３），然后登　

。。　ｔ　””　一＝ｔ　，一　

ＱｕＩｃｋＴＩｍｅ　Ａｐｐｌｅ公司推出的电影　ＱｕｉｃｋＴｉｍｅ播放　

嬲　瓣鹅黼　瀚隧羹　

文件格式　器或者暴风影音　

录新浪博客（ｈｔｔｐ：／／　

…¨　…　１女　…　

ｆ　＃　一　而　

ｂｌＯｇ　ＳＩ　ｎａ　ｃｏｍ　

ＭＰ３　

采用ＭＰＥＧ一３压缩标　

准，将音乐以１　１０甚至　ＷＭＰ、ＲｅａｌＰｌａｙｅｒ　

ｃｎ），点击“发表　

１：１２的压缩率压缩而成。　或ＱｕｉｃｋＴｉｍｅ　

文章”，要想插入　

１　

　Ｅｅ　、一　｝　ｕ‘　ｔ　ｒｊ　ｔ　

ｌ　Ｊ　一　ｔ１．　，ｕ　一　１ｆ　：１　

视频，就必须插入　

ＪⅡ・　ｔ＾ｃ，　１ｌ　ｃ　ｎ　ｒ一…　

微软力推的一种音频格　Ｗ　ｎｄＯＷＳ　Ｍｅｄｉａ　

。　Ｅ　［ａｒ　ｃｆ　

｜　　’　。ｔ　　Ｌ～　１　一　Ｙ】‘　

。。　。

。。…　’　

ＷＭＡ　式。生成的文件大小只　

有相应ＭＰ３文件的一半　Ｐｌａｙｅｒ　

视频的播放代码，　

要插入代码就必须　

一　

ｗＡＶ　微软的声音文件格式，　ＷＩｎｄＯＷＳ　Ｍｅｄｉａ　进入代码模式，勾　

是最早的数字音频格式　Ｐｌａｙｅｒ　

选文章输入框下方　

１　６　Ｎｅｔ　ｆｒｉｅｎｄｓ　：　？　：：　三　

维普资讯

“显示源代码”项即可进入代码编辑模式（注意，这一　

步是成功的关键，不进入代码模式贴入的代码是不会显　

示出效果的，只　

如果你希望自己的网页可以连续播放多首歌曲，而　

会在页面上出现　

且还能自动循环播放，可以选择如下的操作方法：　

一

堆代码）。　

步骤３将刚　

步骤１新建一个“记事本文档”，输入以下内容：　

≠≠ＥＸＴＭ３Ｕ　

才复制的播放视频　

＃ＥＸＴＩＮＦ：１，周杰伦一青花瓷　

代码复制到相皮位　

ａｖ／ｑｈｃ．ａｒｐ３　

置（如图４），这　

＃ＥＸＴＩＮＦ：２，Ｖｉｔａｓ—ｏｐｅｒａ２　

里可以复制任何的　

ａｖ／ｏｐｅｒａ２．ａｒｐ３　

ｈｔｍＩ代码，包括　

本文附录中的任意　

＃ＥＸＴＩＮＦ：３，王宝强一有钱没钱回家过年　

ａｖ／有钱没钱回家过年．ａｒｐ３　

的视频播放代码。　

然后发表文章，即　

以上“＃ＥＸＴＩＮＦ：１，周杰伦一青花瓷”，其中“周杰　

伦”为艺术家名，“青花瓷”为歌曲名，“ａｖ／ｑｈｃ．ｍｐ３”　

可在博客上看到刚才发表的视频文章（如图５）。　

是要播放的歌曲地址，歌曲ｑｈｃ．ｍｐ３位于网站服务器　

对于博客，通常我们都可以直接粘贴播放代码，但　

ａｖ目录下；将以上内容保存为“１．ｍ３ｕ”文件（文件后　

是论坛就不行了，由于论坛是大众发言的地方，出于安　

缀为ｍ３ｕ　ｏ　

全考虑因素，大部分的论坛都不支持直接粘贴ｈｔｍＩ代码，　

步骤２如果你还没有网站或空间，可以进入“ｈＲｐ：／／　

就是粘帖过去了也不会显示出效果的，通常论坛支持的　

ｆｒｅｅ．ｉｃｐｃｎ．ｃｏｒｎ／ｕｓｅｒ／ｒｅｇｉｓｔｅｒ．ａｓｐ”申请一个免费个人主　

是自身的ｕｂｂ代码，在发表帖子的时候点击内容框上方　

页空间，然后把以上播放列表文件“１　ｍ３ｕ”上传到个　

的“Ｒｅａｌ　Ｐｌａｙｅｒ”或者“Ｍｅｄｉａ　Ｐｌａｙｅｒ”按钮，然后输　

人主页空间中，再建立一个ａｖ目录，将歌曲ｑｈｃ．ｍｐ３、　

入视频或者音频的地址，可以用百度ＭＰ３搜索（ｈｔｔｐ：ｆ　

ｏｐｅｒａ２　ｍｐ３、有钱没钱回家过年．ｍｐ３都上传到ａｖ目录里。　

ｍｐ３．ｂａｉｄｕ．ｃｏｍ）。最后把找到的地址输入提示框（如　

图６），提交帖子即可播放音频／视频了。　

步骤３编写一个网页“ｄｅｆａｕｌｔ．ｈｔｍＩ”文件。运行　

Ｆｒ０ｎｔＰａｇｅ２００３。新建一个网页。在代码＜／Ｂ０ＤＹ＞上　

面添加以下代码（如图８）　

！　：　一－Ｉ　

正——一牌ｆｌ　ｌ　－｜晨　瑚　蠡　箍　‘　篮　蠡蒜潮　一～Ｊ　

…ｉＩ，¨＼　

：．　鞋箍　ｉ：　‘…　…　”　

：：　．《：‘　装：　：｝。：：　一！譬　焉：：　’美！：　：　．！　曼　．　：、小。　

首先用０ｆｆｉｃｅ　ＦｒｏｎｔＰａｇｅ２００３新建一个网页或者打　

　・

－　ＢｋＶ　

开需要创建播放器的网页文件。然后点“代码”切换到代　

＜ｄｉｖ　ａｌｉｇｎ　”ｃｅｎｔｅｒ”＞＜ｅｍｂｅｄ　ｓｔｙｌｅ　”ＦＩＬＴＥＲ。　

码页。把播放器代码复制到＜ｂｏｄｙ＞和＜／ｂｏｄｙ＞之间即　

ａｌｐｈａ（ｏｐａｃｉｔｙ　１００，ｓｔｙｌｅ　３）；ＷＩＤＴＨ：０ｐｘ；ＨＥＩＧＨＴ：０ｐｘ”　

可。例如我们要在网页上创建一个ＷＭＶ格式流媒体文件　

ｓｒｃ　”１　ｍ３ｕ”ｗｉｄｔｈ　”１２０”ｈｅｉｇｈｔ　”１２０”ｔｙｐｅ　”ａｕｄｉｏ／ｍｐｅｇ”　

播放器，只需这样操作：在ＦｒｏｎｔＰａｇｅ２００３中打开该网页。　

ｖｏｌｕｍｅ　０’ｌｏｏｐ　”ｔｒｕｅ”ａｕｔｏｓｔａｒｔ　”ｔｒｕｅ”ｓｈｏｗｓｔａｔｕｓｂａｒ　”０”　

在＜ｂｏｄｙ＞和＜／ｂｏｄｙ＞之间添加以下播放器代码：　

？＞（？ｄｉｖ＞　

＜ｅｍｂｅｄ　ｓｒｃ＝＂ＷＭＶ格式流媒体文件网址ｔｔ：：：　

以上ｓｔｙｌｅ：ｗｉｄｔｈ是播放器宽度。以像素为单位；　

ａｕｔｏｓｔａｒｔ　”ｔｒｕｅ”ｌｏｏｐ　”ｔｒｕｅ”ｗｉｄｔｈ　”２００”ｈｅｉｇｈｔ　”１５０”　

ｈｅｉｇｈｔ是播放器高度；ｌｏｏｐ＝”Ｔｒｕｅ　指定片断无限循环；　

＞＜／ＥＭＢＥＤ＞　

ａｕｔｏｓｔａｒｔ：Ｔｒｕｅ表示自动播放；ｓｈｏｗｓｔａｔｕｓｂａｒ：当前　

保　存　退　出　

播放信息是否显示。０表示不显示。　

Ｆｒ０ｎｔＰａｇｅ２００３，　将该　

步骤４将‘＇ｄｅｆａｕｌｔ．ｈｔｍＩ”存盘退出，然后将“ｄｅｆａｕｌｔ．　

网页上传到服务器中；　ｈｔｍＩ”上传到个人主页空间中，之后用ＩＥ来访问这个　

以后只要你用ｌＥ打开　“ｄｅｆａｕｌｔ　ｈｔｍＩ”页面就能够实现连续播放三首歌曲了。　

该页。即可自动播放某　

而且还是重复循环播放的哦！　

个ＷＭＶ格式流媒体文　对于论坛和博客中实现音频、视频的插入还是有一　

件，播放窗口（如图７）　

定局限性。最好的方法就是通过自己制作网页来实现。在　

的宽度和高度还能根据　上文我们介绍过只要将播放器代码复制到网页中，就能播　

需要自行调整。分别在　放对应的流媒体文件了。常见的播放器代码还有很多种。　

ｗｉｄｔｈ和ｈｅｉｇｈｔ中进行设置即可。　

由于篇幅有限。在此就不一一列举了。有兴趣的读者朋　

其他播放器。例如ＲｅａｌＯｎｅ的创建方法与上面的相同。　友可以去网上搜索一下更多好用的代码。ｅｅ　

新浪ｕＴＧａ

ｈｔｔｐ：／／ｄｕｏｔ

ｍｅ（ｕｃ　

ｅ　ｃｏｍ／

Ｔａ　０ｋ

ｓｏｆ

）Ｖ４

ｔ／４４９４　

　０正式版　

ｈｔｍＩ　

Ｎｅｔ　ｆｉｆｅｎｄｓ　１７　

本文标签： 代码视频播放播放器网页