HTML5程序设计-播放多媒体.pdfVIP

HTML5基础教程（第2版） 授课教师： 职务： 第8章 播放多媒体 课程描述 在HTML5之前，要在 网页中播放多媒体， 需要借助于flash插 件。浏览器需要安 装flash插件才能播 放多媒体。使 HTML5提供的新标签 audio和video 可以很方便地在网 页中播放音频和视 频。 本章知识点 p8.1 HTML5音频 p8. ２ HTML5视频 8.1 HTML5音频 p 8.1.1 audio标签 p 8.1.2 播放背景音乐 p 8.1.3 设置替换音频源 p 8.1.4 使用JavaScript语言访问audio 对象 8.1.1 audio标签 p在HTML5中，可以使用audio标签定义一个 音频播放器，语法如下： audio src=音频文件…/audio psrc属性用于指定音频文件的url audio 标签支持的音频文件类型包括.wav、.mp3 和.ogg等 p audio 和之间的字符串/ audio 指 定当浏览器不支持audio标签时显示的字 符串 【例8-1】 html head title使用audio标签播放音频/title /head body h1Audio标签的例子/h1 audio src=music.wav controls 您的浏览器不支持 audio 标签。 /audio /body /html 在Google Chrome中浏览 【例8-1】所述的网 页 提示 p不同浏览器的音频播放器控件的外观也不尽 相同Internet Explorer 8及其之前版本不 支持 audio标签。 除了src和controls外audio标签还包括的主要 属性 属 性 值 具 体 描 述 autoplay True或false 如果是 true ，则音频在就绪后马上播放 end 数值 定义播放器在音频流中的何处停止播放。 默认会播放到结尾 loop True或false 如果是 true ，则音频会循环播放 loopend 数值 定义在音频流中循环播放停止的位置， 默认为end属性的值 loopstart 数值 定义在音频流中循环播放的开始位置。 默认为 start 属性的值 playcount 数值 定义音频片断播放多少次。默认为 1 start 数值 定义播放器在音频流中开始播放的位置。 默认从开头播放 8.1.2 播放背景音乐 p 播放背景音乐时通常不需要显示 播放控件，因此在定义audio标 签时可以将controls属性设置为 false （或不使用conttols属性 ）。播放背景音乐时需要自动、 循环播放，因此在定义audio标 签时可以将autoplay属性和loop 属性设置为true 。