• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5的结构和语义(5):内嵌媒体

HTML5的结构和语义(5):内嵌媒体

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含媒体,语义,结构,<,格式,the,of,浏览器,可以,使用,"等相关知识,佚名 希望在学习及工作中可以帮助到您

  视频已经在 Web 上广泛流行了,但是其格式几乎都是专有的。YouTube 使用 Flash,Microsoft 使用 Windows Media®,Apple 使用 QuickTime。在一种浏览器中用来嵌入这些内容的标记在另一种浏览器中是无效的。因此,WhatWG 提议引入一个新的 video 元素,用来嵌入任意视频格式。例如,可以用以下代码嵌入我的 QuickTime 电影 “a Sora in Prospect Park”:
<video src="http://www.cafeaulait.org/birds/sora.mov" />
  对于以哪种格式和解码器作为首选,仍然有争议。可能会强力推荐或要求使用 Ogg Theora。还可以可选地支持 QuickTime 等专有格式和 MPEG-4 等受专利限制的格式。实际使用的格式很可能由市场决定,就像是 GIF、JPEG 和 PNG 格式那样(这些格式通过市场竞争压倒了 BMP、X-Bitmap 和 JPEG 2000 等竞争者,成为 img 元素的首选格式)。
  还提议引入 audio 元素。例如,可以使用以下代码给 Web 页面加上背景音乐:
<audio src="spacemusic.mp3" autoplay="autoplay" loop="20000" />
  autoplay 属性指示浏览器在装载页面后立即开始播放,而不等待明确的用户请求。音频循环播放 20,000 次,然后停止(或者在用户关闭窗口或转到另一个页面时停止)。当然,浏览器可以(而且应该)允许用户关闭内嵌的媒体,不应该只按页面作者的要求去做。
  浏览器必须支持 WAV 格式,还可以支持 MP3 等其他格式。
  因为老式浏览器不支持这些元素,而且它们对于盲人和聋人用户来说没有意义,所以 audio 和 video 元素可以包含额外的标记,用来描述音频和视频的内容。这对搜索引擎也有帮助。在理想情况下,这些标记是音频和视频内容的完整文字版本。例如,代码8 显示 用 HTML 5 编写的 John F. Kennedy 的就职演说。
<audio src="kennedyinauguraladdrees.mp3">
<p>
Vice President Johnson, Mr. Speaker, Mr. Chief Justice,
President Eisenhower, Vice President Nixon, President Truman,
Reverend Clergy, fellow citizens:
</p>
<p>
We observe today not a victory of party, but a celebration of
freedom -- symbolizing an end, as well as a beginning --
signifying renewal, as well as change. For I have sworn before
you and Almighty God the same solemn oath our forebears
prescribed nearly a century and three-quarters ago.
</p>
<p>
The world is very different now. For man holds in his mortal
hands the power to abolish all forms of human poverty and all
forms of human life. And yet the same revolutionary beliefs for
which our forebears fought are still at issue around the globe --
the belief that the rights of man come not from the
generosity of the state, but from the hand of God.
</p>
<p>
...
</p>
</audio>
  (待续)

您可能想查找下面的文章:

  • HTML5的结构和语义(5):内嵌媒体
  • 做web响应式设计(不用媒体查询)实例
  • HTML5--多媒体标签详解
  • html5之多媒体详细介绍
  • HTML5实战与剖析之媒体元素(6、视频实例)
  • HTML5实战与剖析之媒体元素(5、音频实例)
  • HTML5实战与剖析之媒体元素(4、检测编解码器的支持和Audio构造函数)
  • HTML5实战与剖析之媒体元素(2、媒体元素的属性)
  • HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)
  • HTML5实战与剖析之媒体元素(1、video标签和audio标签简介)

相关文章

  • 2018-12-03HTML5 Canvas基本线条绘制的实例教程_html5教程技巧
  • 2017-08-06HTML5通用接口详解
  • 2018-12-03html5中关于socket.io实现一个聊天室的示例代码
  • 2018-12-03一张图片能隐含千言万语之隐藏你的程序代码_html5教程技巧
  • 2017-08-06h5调用摄像头的实现方法
  • 2018-12-03为什么视频网站在桌面端依然采用Flash而不是HTML5?
  • 2018-12-03创造更好的浏览体验-HTML5 history API
  • 2017-08-06html5 乒乓球(碰撞检测)实例二
  • 2018-12-03html5+css3实现一款注册表单实例_html5教程技巧
  • 2018-12-03HTML5用于创建表单的输入小部件 数据绑定以及数据验证

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 自定义元素函数定义与用法汇总
    • AngularJS中使用HTML5摄像头拍照
    • 用html5实现一个简单的钟表外观
    • 详解html5 Canvas drawing的示例代码(三)
    • 详细介绍HTML5新标签的兼容性处理(图)
    • HTML5实现使用按钮控制背景音乐开关的方法
    • 小强的HTML5移动开发之路(40)——jqMobi中实践header定义的几种方式
    • h5头像图片旋转css3精确控制每个图片的位置
    • HTML5跨域信息交互技术之postMessage代码实例详解
    • canvas中beginPath()和closePath()作用的实例解析

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有