实验一:网络流媒体的播放
实验目的:
一、了解流媒体的基本概念
二、掌握网页中嵌入流媒体的方法
三、熟悉流媒体发布的基本过程
实验设备:
PC机及Windows XP系统或Windows 7系统
实验内容:
利用HTML语言设计一个静态网页,可以播放发布在因特网上的媒体。要求能通过参数改变在页面上嵌入流媒体播放各种属性。如播放窗口的大小自动播放、是否自动播放、循环等等。具体附录。
附录:
一Real Player 网页播放器参数含义(其他播放器类似)
参数:autostart 属性:True或是False 作用:指定是否自动播放指定的源文件
参数:backgroundcolor 属性:任何用符号“#”开头的16进制数值或是任何预定义的颜色作用:指定图像窗口的背景颜色
参数:center 属性:True或是False 作用:指定片断使用初始编码大小播放,并且在图像窗口的中央。
参数:classid 属性:"clsid:CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA" 作用:用于指定ActiveX控件的唯一的字符串标示,可以认出嵌入的RealPalyer播放器。
参数:console 属性:任何字符串作用:可以将各种不同的RealPlayer控制聚集在网页上,这样它们可以交互使用或是保持独立,而且互相不影响
参数:controls 属性:ImageWindow,All,ControlPanel,PlavButton,PlayOnlyButton,PauseButton,StopButton,FFCtrl,RWCtrl,MuteCtrl,MuteVolume,VolumeSlider,PositionSlider,TACCtrl,HomeCtrl,InfoVolumePanel,InfoPanel,StatusBar,StatusField,PositionField 作用:可以让你指定那些控制是可见的。
参数:height 属性:任何整数值作用:指定RealPlayer元素的高度,单位:像素
参数:id 属性:任何字符串作用:为标签中的RealPlayer元素指定名字。
参数:imagestatus 属性:True或是False 作用:指定是否在图像窗口中显示状态信息,默认值是true
参数:loop 属性:True或是False 作用:可以让你指定片断是否无限循环
参数:maintainaspect 属性:True或是False 作用:默认RealPlayer拉伸所有的片断来充满整个图像窗口。
参数:name 属性:任何字符串作用:为标签中的RealPlayer元素指定名字(在标签中使用id)
参数:nojava 属性:True或是False 作用:避免启动Java虚拟机
参数:nolabels 属性:True或是False 作用:可以禁止显示标题或是版权信息(realplayer5.0以上时,它是垃圾...)
参数:nologo 属性:True或是False 作用:避免RealPlayer启动时在图像窗口中显示
参数:numloop 属性:任何整数值作用:让你能够指定文件片循环的次数,不需要参数loop 参数:prefetch 属性:True或是False 作用:指定在播放前,RealPlayer是否可以获得流描述信息,默认值是False
参数:region 属性:任何字符串作用:同SMIL一起使用。允许你指定使用HTML代替SMIL 参数:scriptcallbacks 属性:用逗号分割的列表作用:指定浏览器的回调监控(好高级的东东!)
参数:shuffle 属性:True或是False 作用:同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件
参数:src 属性:任何合法的相对或是完整的URL 作用:指定播放的文件或是源文件的地址
参数:type 属性:字符串作用:为嵌入插件指定MIME类型
参数:width 属性:任何整数值作用:指定RealPlayer元素的宽度
一、简单插入flash图像
网页代码
This is a mv into the fire
二、调整插入flash图像
| 三、调整插入flash图像
background="https://www.wendangku.net/doc/6f6438922.html,/album/s%3D680%3Bq%3D90/sign=da3dd68ebd3 eb13540c7b4b39625d9ee/562c11dfa9ec8a133910ad86f603918fa0ecc04a.jpg"> |
四、插入透明flash
1、dreamweaver插入透明flash代码:
background="https://www.wendangku.net/doc/6f6438922.html,/album/w%3D1600%3Bcrop%3D0%2C0%2C1600%2C 900/sign=9ea3e67a908fa0ec7fc7600b16a7628d/f9198618367adab4b69e3f0a8ad4b31c8701e 429.jpg"> | 2、frontpage插入透明flash代码:
3、插入透明FLASH: