《HTML-媒体 .docx》由会员分享,可在线阅读,更多相关《HTML-媒体 .docx(10页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、精品名师归纳总结HTML 媒体.HTML媒体HTML 多媒体Web上的多媒体指的是音效、音乐、视频和动画。现代网络浏览器已支持很多多媒体格式。什么是多媒体?多媒体来自多种不同的格式。它可以是您听到或看到的任何内容,文字、图片、音乐、音效、录音、电影、动画等等。在因特网上,您会经常发觉嵌入网页中的多媒体元素,现代浏览器已支持多种多媒体格式。在本教程中,您将明白到不同的多媒体格式,以及如何在您的网页中使用它们。浏览器支持第一款因特网浏览器只支持文本,而且即使是对文本的支持也仅限于单一字体和单一颜色。随后产生了支持颜色、字体和文本样式的浏览器,图片支持也被加入。不同的浏览器以不同的方式处理对音效、动
2、画和视频的支持。某些元素能够以内联的方式处理,而某些就需要额外的插件。您将在下面的章节学习更多有关插件的学问。多媒体格式多媒体元素比方视频和音频储备于媒体文件中。确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名.htm或 .html时,它会假定该文件是HTML页面。 .xml扩展名指示 XML文件,而 .css扩展名指示样式表。图片格式就通过.gif或 .jpg来识别。多媒体元素元素也拥有带有不同扩展名的文件格式,比方.swf、.wmv 、.mp3以及 .mp4。视频格式MP4格式是一种新的即将普及的因特网视频格式。HTML5、Flash播放器以及优酷等视频网站均支持它。格式
3、文件描述可编辑资料 - - - 欢迎下载精品名师归纳总结AVI.aviAVI Audio Video Interleave格式是由微软开发的。全部运行Windows的电脑都支持 AVI格式。它是因特网上很常见的格式,但非Windows电脑并不总是能够播放。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结WMV.wmvWindows Media格式是由微软开发的。 Windows Media在因特网上很常见, 但是假如未安装额外的免费组件,就无法播放Windows Media电影。 一些后期的 Windows Media电影在全部非 Windows
4、电脑上都无法播放, 由于没有合适的播放器。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结MPEG.mpg.mpegMPEG Moving Pictures Expert Group格式是因特网上最流行的格式。它是跨平台的,得到了全部最流行的浏览器的支持。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结QuickTime.movQuickTime格式是由苹果公司开发的。QuickTime是因特网上常见的格式,但是 QuickTime电影不能在没有安装额外的免费组件的Windows电脑上播放。可编辑资
5、料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结RealVideo.rm.ramRealVideo格式是由Real Media针对因特网开发的。该格式答应低带宽 条件下在线视频、网络电视的视频流。由于是低带宽优先的,质量常会降低。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结Flash.swf.flvFlash Shockwave格式是由 Macromedia开发的。Shockwave格式需要额外的组件来播放。但是该组件会预装到Firefox或 IE之类的浏览器上。可编辑资料 - - - 欢迎下载精品名师
6、归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结Mpeg-4.mp4Mpeg-4 with H.264 video compression是一种针对因特网的新格式。事实上, YouTube举荐使用 MP4 。YouTube接收多种格式,然后全部转换为 .flv或 .mp4以供分发。越来越多的视频发布者转到MP4 , 将其作为Flash播放器和HTML5的因特网共享格式。可编辑资料 - - - 欢迎下载精品名师归纳总结声音格式格式文件描述可编辑资料 - - - 欢迎下载精品名师归纳总结MIDI.mid.midiMIDI Musical Instrument Digital Interfa
7、ce是一种针对电子音乐设备比方合成器和声卡的格式。 MIDI文件不含有声音,但包含可被电子产品比方声卡播放的数字音乐指令。由于 MIDI格式仅包含指令,所以MIDI文件极其小巧。上面的例子只有23k的大小, 但却能播放将近5 分钟。 MIDI得到了广泛的平台上的大量软件的支持。大多数流行的网络浏览器都支持MIDI 。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结RealAudio.rm.ramRealAudio格式是由Real Media针对因特网开发的。 该格式也支持视频。 该格式答应低带宽条件下的音频流在线音乐、网络音乐。由于是低带宽优先的
8、,质量常会降低。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结Wave.wavWave waveform格式是由 IBM和微软开发的。 全部运行Windows的电脑和全部网络浏览器除了Google Chrome都支持它。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结WMA.wmaWMA格式 Windows Media Audio,质量优于MP3 ,兼容大多数播放器,除了iPod 。WMA文件可作为连续的数据流来传输,这使它对于网络电台或在线音乐很有用。可编辑资料 - - - 欢迎下载精品名师归纳
9、总结可编辑资料 - - - 欢迎下载精品名师归纳总结MP3.mp3.mpgaMP3文件实际上是 MPEG 文件的声音部分。MPEG格式最初是由运动图像专家组开发的。 MP3是其中最受欢送的针对音乐的声音格式。期望将来的软件系统都支持它。可编辑资料 - - - 欢迎下载精品名师归纳总结使用哪种格式?WAVE是因特网上最受欢送的无压缩声音格式,全部流行的浏览器都支持它。假如您需要未经压缩的声音音乐或演讲, 那么您应当使用WAVE格式。MP3是最新的压缩录制音乐格式。MP3这个术语已经成为数字音乐的代名词。假如您的网址从事录制音乐,那么MP3是一个选项。.HTML对象Object元素的作用是支持HT
10、ML助手插件。HTML 助手插件帮忙应用程序 helper application是可由浏览器启动的程序。帮忙应用程序也称为插件。 帮忙程序可用于播放音频和视频以及其他。帮忙程序是使用标签来加载的。使用帮忙程序播放视频和音频的一个优势是,您能够答应用户来把握部分或全部播放设置。大多数帮忙应用程序答应对音量设置和播放功能比方后退、暂停、停止和播放的手工或程序的把握。使用 QuickTime来播放 Wave 音频实例:可编辑资料 - - - 欢迎下载精品名师归纳总结使用 QuickTime来播放 MP4视频实例:使用 Flash 来播放 SWF 视频实例:使用 Windows Media Play
11、er来播放 WMV影片下面的例子呈现用于播放Windows媒体文件的举荐代码: 实例:可编辑资料 - - - 欢迎下载精品名师归纳总结.HTML音频在 HTML中播放声音的方法有很多种。问题,问题,以及解决方法在 HTML中播放音频并不简洁!您需要谙熟大量技巧,以确保您的音频文件在全部浏览器中Internet Explorer, Chrome, Firefox, Safari, Opera和全部硬件上 PC, Mac , iPad, iPhone都能够播放。使用插件浏览器插件是一种扩展浏览器标准功能的小型电脑程序。插件有很多用途:播放音乐、显示的图、验证银行账号,把握输入等等。可使用 或 标签
12、来将插件添加到HTML页面。这些标签定义资源通常非HTML资源的容器,依据类型,它们即会由浏览器显示,也会由外部插件显示。使用 元素标签定义外部非HTML 内容的容器。这是一个HTML5标签,在HTML4中是非法的,但是全部浏览器中都有效。下面的代码片段能够显示嵌入网页中的MP3文件: 实例:注释: 浏览器可能需要安装插件以后,才能播放该文件。问题:.标签在 HTML 4中是无效的。页面无法通过HTML 4验证。.不同的浏览器对音频格式的支持也不同。.假如浏览器不支持该文件格式,没有插件的话就无法播放该音频。.假如用户的电脑未安装插件,无法播放音频。.假如把该文件转换为其他格式,仍然无法在全部
13、浏览器中播放。注释: 使用 HTML5解决验证问题。使用 元素标签也可以定义外部非HTML 内容的容器。下面的代码片段能够显示嵌入网页中的MP3文件:实例:注释: 浏览器可能需要安装插件以后,才能播放该文件。可编辑资料 - - - 欢迎下载精品名师归纳总结问题:.不同的浏览器对音频格式的支持也不同。.假如浏览器不支持该文件格式,没有插件的话就无法播放该音频。.假如用户的电脑未安装插件,无法播放音频。.假如把该文件转换为其他格式,仍然无法在全部浏览器中播放。使用 HTML5 元素元素是一个 HTML5元素,在HTML 4中是非法的,但在全部浏览器中都有效。实例: Your browser doe
14、s not support the audio element.上面的例子使用了一个mp3文件,这样它在Internet Explorer、Chrome以及 Safari中是有效的。为了使这段音频在Firefox和 Opera中同样有效,添加了一个ogg类型的文件。假如失败,会显示错误消息。问题:.标签在 HTML 4中是无效的。您的页面无法通过HTML 4验证。.您必需把音频文件转换为不同的格式。.元素在老式浏览器中不起作用。注释: 使用 HTML5解决验证问题。最好的 HTML 解决方法实例:上面的例子使用了两个不同的音频格式。HTML5 元素会尝试以mp3或 ogg来播放音频。假如失败,
15、代码将回退尝试 元素。问题:.您必需把音频转换为不同的格式。.元素无法通过 HTML 4和 XHTML验证。.元素无法通过 HTML 4和 XHTML验证。.元素无法回退来显示错误消息。注释: 使用 HTML5解决验证问题。向网站添加音频的最简洁方法向网页添加音频的最简洁的方法是什么?可编辑资料 - - - 欢迎下载精品名师归纳总结雅虎的媒体播放器确定算其中之一。使用雅虎媒体播放器是一个不同的途径。您只需简洁的让雅虎来完成歌曲播放的工作就好了。它能播放mp3以及一系列其他格式。通过一行简洁的代码,您就可以把它添加到网页中,轻松的将HTML页面转变为专业的播放列表。雅虎媒体播放器实例:播放 mp
16、3播放 wav使用雅虎播放器是免费的。如需使用它,您需要把这段JavaScript插入网页底部:然后只需简洁的把MP3文件链接到您的HTML中, JavaScript会自动的为每首歌创建播放按钮:Play Song 1Play Song 2.雅虎媒体播放器为您的用户供应的是一个小型的播放按钮,而不是完整的播放器。不过,当您点击该按钮,会弹出完整的播放器。留意: 这个播放器始终停靠在窗框底部。只需点击它,就可将其滑出。使用超链接假如网页包含指向媒体文件的超链接,大多数浏览器会使用“帮忙应用程序”来播放文件。以下代码片段显示指向mp3文件的链接。假如用户点击该链接,浏览器会启动“帮忙应用程序”来播
17、放该文件: 实例:链接到一段音乐 点击这里,播放音乐内联的声音当您在网页中包含声音,或者作为网页的组成部分时,它被称为内联声音。假如您预备在 web应用程序中使用内联声音,您需要意识到很多人都觉得内联声音令人恼火。同时请留意,用户可能已经关闭了浏览器中的内联声音选项。我们最好的建议是只在用户期望听到内联声音的的方包含它们。一个正面的例子是,在用户需要听到录音并点击某个链接时, 会打开页面然后播放录音。HTML 4.01多媒体标签标签描述标签描述不赞成。 定义内嵌applet 。定义内嵌对象。不赞成, HTML5中答应。定义内嵌对象。定义对象的参数。HTML 5 多媒体标签可编辑资料 - - -
18、 欢迎下载精品名师归纳总结标签描述标签描述标签定义声音,比方音乐或其他音频流。标签定义嵌入的内容,比方插件。.HTML视频在 HTML中播放视频的方法有很多种。实例:问题,问题,以及解决方法在 HTML中播放视频并不简洁!您需要谙熟大量技巧,以确保您的视频文件在全部浏览器中Internet Explorer, Chrome, Firefox, Safari, Opera和全部硬件上 PC, Mac , iPad, iPhone都能够播放。使用 标签标签的作用是在HTML页面中嵌入多媒体元素。下面的 HTML代码显示嵌入网页的Flash视频:实例:问题:.HTML4无法识别标签。您的页面无法通过
19、验证。.假如浏览器不支持Flash ,那么视频将无法播放.iPad和 iPhone不能显示Flash视频。.假如您将视频转换为其他格式,那么它仍然不能在全部浏览器中播放。使用 标签标签的作用是在HTML页面中嵌入多媒体元素。下面的 HTML片段显示嵌入网页的一段Flash视频:实例:可编辑资料 - - - 欢迎下载精品名师归纳总结问题:.假如浏览器不支持Flash ,将无法播放视频。.iPad和 iPhone不能显示Flash视频。.假如您将视频转换为其他格式,那么它仍然不能在全部浏览器中播放。使用 标签是 HTML 5中的新标签。标签的作用是在HTML页面中嵌入视频元素。以下 HTML片段会
20、显示一段嵌入网页的ogg 、mp4或 webm格式的视频: 实例:问题:.您必需把视频转换为很多不同的格式。.元素在老式浏览器中无效。.元素无法通过 HTML 4和 XHTML验证。最好的 HTML 解决方法HTML 5 + + 上例中使用了 4 中不同的视频格式。HTML 5 元素会尝试播放以mp4 、ogg或 webm格式中的一种来播放视频。假如均失败,就回退到元素。问题:.您必需把视频转换为很多不同的格式.元素无法通过 HTML 4和 XHTML验证。.元素无法通过 HTML 4和 XHTML验证。注释: 使用 HTML5解决验证问题。优酷解决方案在 HTML中显示视频的最简洁的方法是使
21、用优酷等视频网站。可编辑资料 - - - 欢迎下载精品名师归纳总结假如您期望在网页中播放视频, 那么您可以把视频上传到优酷等视频网站,然后在您的网页中插入HTML代码即可播放视频:使用超链接假如网页包含指向媒体文件的超链接,大多数浏览器会使用“帮忙应用程序”来播放文件。以下代码片段显示指向AVI文件的链接。假如用户点击该链接,浏览器会启动“帮忙应用程序”,比方Windows MediaPlayer来播放这个 AVI文件: 实例:点击该链接来播放这个对象播放视频文件 关于内联视频的一段注释当视频被包含在网页中时,它被称为内联视频。假如您预备在 web应用程序中使用内联视频,您需要意识到很多人都觉得内联视频令人恼火。同时请留意,用户可能已经关闭了浏览器中的内联视频选项。我们最好的建议是只在用户期望看到内联视频的的方包含它们。一个正面的例子是,在用户需要看到视频并点击某个链接时,会打开页面然后播放视频。HTML 4.01多媒体标签标签描述标签描述不赞成。 定义内嵌applet 。定义内嵌对象。不赞成, HTML5中答应。定义内嵌对象。定义对象的参数。HTML 5 多媒体标签标签描述标签描述标签定义声音,比方音乐或其他音频流。标签定义嵌入的内容,比方插件。可编辑资料 - - - 欢迎下载
限制150内