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

HTML 5-内嵌媒体

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML 5,内嵌媒体等相关知识,匿名希望在学习及工作中可以帮助到您
视频已经在 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>

以上就是HTML 5-内嵌媒体的内容,更多相关内容请关注微课江湖()!

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

  • html5新增标签有哪些?html5新增的标签应用
  • HTML5应用:离线的应用以及存储的应用
  • 关于HTML 5的足以改变我们未来生活的十项提示
  • html 5中使用video元素制作一个影片播放器
  • HTML5教程之html 5 本地数据库(Web Sql Database)
  • HTML 5的革新:结构之美
  • HTML 5标签、属性、事件及兼容性速查表
  • HTML 5可以做五件事情 超出你的想象
  • HTML 5离线存储之Web SQL
  • HTML 5基础之HTML 5 API的威力

相关文章

  • 2018-12-03html5 figure和figcaption的使用方法
  • 2018-12-035 个强大的HTML5 API 函数推荐_html5教程技巧
  • 2018-12-03到底号称HTML5的网站用到了哪些HTML5的技术?
  • 2017-08-06HTML最新标准HTML5总结(必看)
  • 2018-12-03详细介绍HTML5实现3D迷宫的代码案例
  • 2018-12-03html5实现手机触摸出现录音以及离开停止录音并上传的功能(代码)
  • 2018-12-03HTML5实战-canvas绘制钟表的示例代码分享
  • 2018-12-03基于HTML5鼠标点击淡入淡出切换代码
  • 2018-12-03利用HTML5的新特点实现图片文件异步上传_html5教程技巧
  • 2018-12-03Html5插件教程之添加浏览器放大镜效果的商品橱窗_html5教程技巧

文章分类

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

最近更新的内容

    • HTML5实践-三步实现响应式设计的详细介绍
    • html5 canvas实现简单的双缓冲
    • 简单html5代码获取地理位置_html5教程技巧
    • HTML5实践-使用css3如何完成google涂鸦动画的详解
    • HTML5的五大优秀功能介绍
    • HTML5实战与剖析之移动端IOS系统收缩地址导航栏功能
    • HTML5 video 事件应用示例_html5教程技巧
    • 怎样使用JS获取函数参数名称
    • HTML5有哪些创意类型?
    • 如何用HTML5在页面中插入可自动播放的视频

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

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