轩枫阁

首页 / Web前端 / HTML (第5页)

HTML5 Audio-使用 JavaScript 控制 Audio 对象

HTML5 中的 audio 对象提供可用于通过 JavaScript 控制播放的方法、属性以及事件。

在 JavaScript 中播放和暂停音频播放

使用 HTML5 audio 元素入门中所述的 HTML5  audio 元素可向网页中添加音频,而无需使用外部控件或程序。但是,除非你的网页只需要一个简单的音频播放器,否则你很可能想对加载的音频文件及其播放拥有更多的控制。若要将 audio 元素与 JavaScript 结合使用,请定义 audio 标记,该标记具有 “ID” 并且可以选择省略其他所有内容。如 HTML5 audio 元素入门中所述,你可以显示或隐藏内置控件,或将音频设置为在页面加载时自动播放。使用 JavaScript,你仍然可以执行该操作并且还可以执行进一步操作。

在以下示例中,我们在 HTML 中使用简单的 audio 标记语法。 查看全文

2013/04 06  周六

HTML5 Audio-使用 Media 事件添加进度栏

media 提供 audio 对象可以使用的一系列丰富事件。可利用一组事件来获取可用于在播放音频文件时跟踪进度的状态数据。

使用状态事件

HTML5 media 对象提供了许多与 audio 和 Sideo 对象共享的方法、属性和事件。在本主题中,你将了解如何注册多个 media 事件以跟踪当前处于播放模式下的音频文件的进度。

通过基于 使用 JavaScript 控制 Audio 对象中的示例进行构建,可以使用事件来显示文件的状态,一个事件用来驱动进度栏,另一个事件用来在加载完网页时加载事件。 查看全文

2013/04 06  周六

HTML5 Audio-支持多个音频文件格式

通过使用 audio 元素或对象支持多个音频格式,你可以将更多的听众从多个浏览器吸引到你的网页上。

使用源元素指定多个音频格式

在将 HTML5 audio 元素添加到代码时,可以指定一条在浏览器不支持 audio 标记时显示的错误消息。

注意  如果你是在 Intranet 上进行开发并且有 HTML5 的呈现问题,则可以向网页的 <head> 块中添加 <meta http-equiv-“X-UA-Compatible” content=”IE=9”/> 以强制 Windows Internet Explorer 9 使用最新标准。如果愿意,可以将 Web 开发服务器配置为发送带 IE=9 的元 http-equiv-“X-UA-Compatible” 标头。 查看全文

2013/04 06  周六

HTML5之美

从HTML4诞生以来,整个互联网环境、硬件环境都发生了翻天覆地的变化,开发者期望标准统一、用户渴望更好体验的呼声越来越高。20年磨一剑,HTML5作为下一代Web标准,它的新特性正在每个新式浏览器的版本中快速的得到支持和体现。随着HTML5和CSS3的发展和完善,Web应用程序正在逐渐的表现出桌面应用的性能和功能,和桌面应用之间的区别将越来越模糊。未来不能用HTML5来实现的功能将越来越少,未来绘图、视频编辑、3D建模等也将从单机软件转到浏览器上通过Web应用程序来实现。

下文,我将结合实例,谈谈激动人心的HTML5之美。 查看全文

2013/04 01  周一

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子