html5音轨字幕,Html5音频相关API

标签定义声音,比如音乐或其他音频流。

在HTML5标准网页里面,我们可以运用audio标签来完成我们对声音的调用及播放。以下是最经常见到的运用HTML5三种基本格式:

1.最少的代码

2.带有不兼容提醒的代码

Your browser does not support the audio tag.

3.尽量兼容浏览器的写法

Your browser does not support the audio tag.

HTML5音频格式

当前,HTML5 Audio标签支持三种格式的音频,分别是wav mp3和ogg格式。而目前主流浏览器对他们的支持如下:

IE 9

Firefox 3.5

Opera 10.5

Chrome 3.0

Safari 3.0

Ogg Vorbis

MP3

Wav

IE8以及IE8以下不支持HTML5的audio标签

HTML 5 Audio属性

autoplay:唯一可选值为autoplay,出现autoplay属性并准确赋值时,音频将会自动播放

controls:唯一可选值为controls,出现controls属性并准确赋值时,音频播放控件将会显示,控件包括:播放、暂停、定位、音量、全屏切换、字幕(如果可用)、音轨(如果可用)。

loop:唯一可选值为loop,出现loop属性并准确赋值时,音频将会循环播放。

preload:可选值有auto(当页面加载后载入整个音频)、meta(当页面加载后只载入元数据)和none(当页面加载后不载入音频) 如果设置了前面的autoplay属性,那么preload将会被忽略。

src:指定音频URL地址,可以是相对的URL也可以是绝对的URL 当然还可以像第2和第3个例子一样,用source标签来指定源。

Audio相关的API

控制函数功能说明

load()   加载音频、视频软件,通常不必调用,除非是动态生成的元素,用来在播放前预加载

play()    加载并播放音频、视频文件,除非文件已经暂停在其他位置,否则默认重头开始播放

pause() 暂停处于播放状态的音频、视频文件

audio 的只读媒体特性有:

只读属性属性说明

duration   获取媒体文件的播放时长,以s为单位,如果无法获取,则为NaN

paused     如果媒体文件被暂停,则返回true,否则返回false

ended       如果媒体文件播放完毕,则返回true

startTime  返回起始播放时间,一般是0.0,除非是缓冲过的媒体文件,并一部分内容已经不在缓冲区

error          在发生了错误后返回的错误代码

currentSrc  以字符串形式返回正在播放或已加载的文件,对应于浏览器在source元素中选择的文件

audio 可脚本控制的特性值:

autoplay       自动播放已经加载的的媒体文件,或查询是否已设置为autoplay

loop              将媒体文件设置为循环播放,或查询是否已设置为loop

currentTime 以s为单位返回从开始播放到目前所花的时间,也可设置currentTime的值来跳转到特定位置

controls        显示或者隐藏用户控制界面

volume         在0.0到1.0间设置音量值,或查询当前音量值

muted           设置是否静音

autobuffer     媒体文件播放前是否进行缓冲加载,如果设置了autoplay,则忽略此特性

实例说明:

----------------------------------html----------------------------------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值