audio标签控制音量_HTML5中audio标签的使用

audio标签控制音量_HTML5中audio标签的使用HTML5 中的新元素标签 src 音频文件路径 autobuffer 设置是否在页面加载时自动缓冲音频 autoplay 设置音频是否自动播放 loop 设置音频是否要循环播放 controls 属性供添加播放 暂停和音量控件 这些属性和元素标签的属性很类似如何工作 同样之间插入的内容是供不支持 audio 元素的浏览器显示的 Yourbrowserd

HTML5中的新元素标签

src:音频文件路径。

autobuffer:设置是否在页面加载时自动缓冲音频。

autoplay:设置音频是否自动播放。

loop:设置音频是否要循环播放。

controls:属性供添加播放、暂停和音量控件。

这些属性和元素标签的属性很类似

如何工作:

同样 之间插入的内容是供不支持 audio 元素的浏览器显示的:

Your browser does not support the audio tag.

常用的控制函数:

1.load():加载音频、视频软件

2.play():加载并播放音频、视频文件或重新播放暂停的的音频、视频

3.pause():暂停出于播放状态的音频、视频文件

4.canPlayType(obj):测试是否支持给定的Mini类型的文件

可脚本控制的属性值:

1.autoplay:自动播放已经加载的的媒体文件

2.loop为true:的时候则设定为自动播放

3.currentTime:以s为单位返回从开始播放到目前所花的时间

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

5.volume:音量值,从0.0至1.0之间

6.muted:设置是否静音

7.autobuffer:是否进行缓冲加载

Audio 对象属性

属性 描述

audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。

autoplay 设置或返回是否在就绪(加载完成)后随即播放音频。

buffered 返回表示音频已缓冲部分的 TimeRanges 对象。

controller 返回表示音频当前媒体控制器的 MediaController 对象。

controls 设置或返回音频是否应该显示控件(比如播放/暂停等)。

crossOrigin 设置或返回音频的 CORS 设置。

currentSrc 返回当前音频的 URL。

currentTime 设置或返回音频中的当前播放位置(以秒计)。

defaultMuted 设置或返回音频默认是否静音。

defaultPlaybackRate 设置或返回音频的默认播放速度。

duration 返回音频的长度(以秒计)。

ended 返回音频的播放是否已结束。

error 返回表示音频错误状态的 MediaError 对象。

loop 设置或返回音频是否应在结束时再次播放。

mediaGroup 设置或返回音频所属媒介组合的名称。

muted 设置或返回是否关闭声音。

networkState 返回音频的当前网络状态。

paused 设置或返回音频是否暂停。

playbackRate 设置或返回音频播放的速度。

played 返回表示音频已播放部分的 TimeRanges 对象。

preload 设置或返回音频的 preload 属性的值。

readyState 返回音频当前的就绪状态。

seekable 返回表示音频可寻址部分的 TimeRanges 对象。

seeking 返回用户当前是否正在音频中进行查找。

src 设置或返回音频的 src 属性的值。

textTracks 返回表示可用文本轨道的 TextTrackList 对象。

volume 设置或返回音频的音量。

Audio 对象方法

方法 描述

addTextTrack() 向音频添加新的文本轨道。

canPlayType() 检查浏览器是否能够播放指定的音频类型。

fastSeek() 在音频播放器中指定播放时间。

getStartDate() 返回新的 Date 对象,表示当前时间线偏移量。

load() 重新加载音频元素。

play() 开始播放音频。

pause() 暂停当前播放的音频。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/227799.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午8:30
下一篇 2026年3月16日 下午8:31


相关推荐

  • 深入理解java虚拟机第四版PDF下载_深入理解java虚拟机 pdf

    深入理解java虚拟机第四版PDF下载_深入理解java虚拟机 pdfJVM架构图:类装载器:沙箱安全机制:ExecutionEngine执行引擎负责解释命令,提交操作系统执行。NativeMethodStack本地方法栈:运行本地方法的栈ProgramCounterRegister即PC寄存器(程序计数器)程序计数器底层是bytecodepointer(bcp)即字节码指针PC寄存器是用来存储指向下一条指令的地址,也即将要执行的指令代码。由执行引擎读取下一条指令。1.它是一块很小的内存空间,几乎可以忽略不计。也是运行速度最快的存储区域…

    2022年10月9日
    4
  • hive中的数据类型:基本数据类型,集合数据类型_hive数据库类型

    hive中的数据类型:基本数据类型,集合数据类型_hive数据库类型数据类型1.Hive中的数据类型分为两类:基本类型和复杂类型2.基本类型包含:tinyint,smallint,int,bigint,float,double,boolean,string,timestamp,binary3.复杂类型:array,map和structa.array:数组类型,对应了Java中的集合或者数组。原始数据jack,johnlucy,miketom,bob,cindylily,helen,mary,alexfrank,grace,iran,edentony

    2025年12月4日
    3
  • 谷歌浏览器驱动下载地址

    谷歌浏览器驱动下载地址http://chromedriver.storage.proxy.ustclug.org/index.html放在目录下

    2022年4月28日
    58
  • draggable的用法_draggable

    draggable的用法_draggable一、概述通过前面几节学习,大家应该都知道了,一个div对象是可以通过拖拉来改变大小,也可以通过拖动来改变其位置的。如何改变大小已经讲解过了,那么怎么实现拖动改变位置呢?现在就开始讲解如何实现拖动-

    2022年8月6日
    9
  • 【量子计算-算法】shor大数分解

    【量子计算-算法】shor大数分解shor 大数分解算法

    2026年3月17日
    1
  • pycharm实用快捷键注释大全(持续更新中)

    pycharm实用快捷键注释大全(持续更新中)Ctrl F1 显示错误描述或警告信息 Alt Enter 快速修正 Ctrl R 替换 Ctrl Shift F 或者连续 2 次敲击 shift 全局查找 可以在整个项目中查找某个字符串什么的 如查找某个函数名字符串看之前是怎么使用这个函数的 Ctrl Shift R 全局替换 Alt Shift F10 运行模式配置 Alt

    2025年7月3日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号