Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >audio标签以及audio对象

audio标签以及audio对象

作者头像
小小咸鱼YwY
发布于 2020-06-19 07:58:13
发布于 2020-06-19 07:58:13
2K00
代码可运行
举报
文章被收录于专栏:python-爬虫python-爬虫
运行总次数:0
代码可运行

一.audio标签

简单语法

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<audio src="音频链接"></audio>

属性

属性

描述

autoplay

如果出现该属性,则音频在就绪后马上播放。

controls

如果出现该属性,则向用户显示控件,比如播放按钮。

loop

如果出现该属性,则每当音频结束时重新开始播放。

preload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

src

url

要播放的音频的 URL。

二.audio对象

1.对象属性

属性

描述

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

设置或返回音频的音量。

2.对象方法

方法

描述

addTextTrack()

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

canPlayType()

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

fastSeek()

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

getStartDate()

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

load()

重新加载音频元素。

play()

开始播放音频。

pause()

暂停当前播放的音频。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-10-14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
HTML5视频与音频
简单介绍 HTML5 对视频和音频特性规范文档的制定是被讨论最多的。除浏览器自带支持的明显好处外,评论点集中在浏览器提供商对音频/视频格式 的不同选择。如果你准备使用HTML5的
踏浪
2019/07/31
2.3K0
html5视频常用API接口「建议收藏」
一、虽然有的属性是boolean类型,但仍旧建议按照XHTML书写(属性名=”属性值”)格式,避免出现错误 (下面加粗的属性为常用属性)
全栈程序员站长
2022/09/06
4.2K0
video标签在不同平台上的事件表现差异分析
本文作者:IMWeb 张颖 原文出处:IMWeb社区 未经同意,禁止转载 video标签属性和事件介绍 为了文章的完整性,首先还是列举一下video标签的属性: src :视频的属性 pos
IMWeb前端团队
2018/01/08
2.6K0
HTML5的Video标签详细说明手册
引用我翻译文档《在HTML5页面中嵌入音频和视频》中的介绍文字:“当今,在网页上嵌入视频且所有用户不管使用任何浏览器或者操作系统都能看到的唯一可靠方法是使用Flash。这需要Adobe Flash插件,并且结合<object>和<embed>标签。
Java架构师必看
2021/05/21
2.1K0
HTML5的Video标签详细说明手册
Html5音频和视频播放示例
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html5中的音频和视频</title> </head> <body> <!--html4中的音频视频播放方式 代码冗杂,加载失败无法播放,一片空白..需要flash支持 --> <object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="500" height
用户7718188
2021/11/01
3.2K0
前端测试题:(解析)用于播放音频文件的正确HTML5元素是?
看了大家的选择估计都把视频与音频标签搞反了(还有选择C的),或是压根没有仔细看。
舒克
2021/01/04
2.5K0
前端测试题:(解析)用于播放音频文件的正确HTML5元素是?
JS控制Video播放器(快进、后退、播放、暂停、音量大小)
比如:向上键对应的keyCode为38,向下键对应的keyCode为40,向左键对应的keyCode为37,向右键对应的keyCode为39,空格键对应的keyCode为32,
用户1518699
2019/07/14
20.5K0
HTML音频操作
    如视频播放一样,在HTML5出现之前我们要想在浏览器中播放音频,没有一个官方浏览器遵循的播放标准(也就是没有提供一个可以专门来处理音频的HTML标签),我们依然需要使用适用于各种浏览器的音频播放插件才可以(比如:Flash,JavaApplet、ActiveX等)。
十分钟空间
2022/08/17
2.3K0
H5多媒体能力
###事件 | 事件 | 描述 | | —- | —- | | abort | 在播放被终止时触发。| | canplay | 在媒体数据已经有足够的数据(至少播放数帧)可供播放时触发。| | canplaythrough |在媒体的readyState变为CAN_PLAY_THROUGH时触发,表明媒体可以在保持当前的下载速度的情况下不被中断地播放完毕。注意:手动设置currentTime会使得firefox触发一次canplaythrough事件,其他浏览器或许不会如此。| | durationchange |元信息已载入或已改变,表明媒体的长度发生了改变。例如,在媒体已被加载足够的长度从而得知总长度时会触发这个事件。| | emptied |媒体被清空(初始化)时触发。| | ended |播放结束时触发。| |error|在发生错误时触发。元素的error属性会包含更多信息| | loadeddata | 媒体的第一帧已经加载完毕| | loadedmetadata | 媒体的元数据已经加载完毕,现在所有的属性包含了它们应有的有效信息。| | loadstart | 在媒体开始加载时触发。| | mozaudioavailable |当音频数据缓存并交给音频层处理时| | pause |播放暂停时触发。| | play | 在媒体回放被暂停后再次开始时触发。即,在一次暂停事件后恢复媒体回放。| | playing |在媒体开始播放时触发(不论是初次播放、在暂停后恢复、或是在结束后重新开始)。| | progress | 告知媒体相关部分的下载进度时周期性地触发。有关媒体当前已下载总计的信息可以在元素的buffered属性中获取到。| | ratechange | 在回放速率变化时触发。| | seeked |在跳跃操作完成时触发。| | seeking |在跳跃操作开始时触发。| | stalled | 在尝试获取媒体数据,但数据不可用时触发。| | suspend |在媒体资源加载终止时触发,这可能是因为下载已完成或因为其他原因暂停。| | timeupdate |元素的currentTime属性表示的时间已经改变。| | volumechange |在音频音量改变时触发(既可以是volume属性改变,也可以是muted属性改变)| | waiting | 在一个待执行的操作(如回放)因等待另一个操作(如跳跃或下载)被延迟时触发。|
Tiffany_c4df
2019/11/28
2K0
无 Flash 时代,让直播拥抱 H5(完整篇)
---- 直播是脱离于文字、图片来说,另外一种社交的方式。各大平台也在深耕这一领域,淘宝直播,花椒,映客,Now 直播,企鹅电竞。本人就职于腾讯 Now 直播前端开发,感觉直播能够尝试的领域真的太多太多,但是,Web 在这块一直是一个痛点。由于没有现成操作流的接口,只能简简单单的通过添加 video.src 尴尬的播放几段回放...... 这样造成的后果就是,在 Web 上,我们根本体会不到实时流畅的观看体验。 而且,根据 8 月份腾讯财报内容,直播贡献的收入增长的飞快。现在,我们也想让 Web 体会一把能
villainhr
2018/07/03
4.9K0
工具系列 | H5自定义视频播放器实现
使用canPlayType()方法检查浏览器是否能够播放指定的视频、声频。canPlayType()方法能够返回以下值:
Tinywan
2020/07/23
5.6K1
HTML5 VideoAPI,打造自己的Web视频播放器
注意:audio和video元素必须同时包含开始和结束标签,不能使用<audio />这样的空元素语法形式。
张张
2019/12/26
5.3K0
前端必学必会-多媒体-本地存储-浏览器与服务器的交互-通信功能
学习元素的知识点,涉及属性,方法,事件。在HTML5出现前,展示视频,音频,动画等,都是使用第三方自主开发,使用最多的工具是flash了。
达达前端
2020/03/20
2.4K0
前端必学必会-多媒体-本地存储-浏览器与服务器的交互-通信功能
HTML5音频audio详解
直到现在,仍然不存在一项旨在网页上播放音频的标准。 目前,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。
业余草
2019/01/21
3.2K0
必学必会-音频和视频
编解码器可以理解为一些算法代码,用于处理视频,音频或者其元数据的编码格式。对音频或视频文件进行编码,可使得文件大大缩小,便于在因特网上传输。
达达前端
2021/01/20
1.8K0
H5学习之路之audio音频播放
为什么突然写这个呢?很简单,H5学习本身应该是一个系统的学习过程,虽然很多的东西都是会的,但是没有总结过,也不知道自己究竟对H5了解多少,爱有多深,所以在这里装作自己好像对H5很了解的样子,写一个记录性质的博文。进行一次系统的总结和学习。
何处锦绣不灰堆
2020/05/29
1.2K0
基于react的H5音频播放器
项目是基于React,镶嵌在页面。为此开发了组件audio.js。不过不管什么框架。逻辑都是一样的。
一粒小麦
2019/07/18
8.2K1
基于react的H5音频播放器
如何在小程序中实现音频播放
在如何使用小程序媒体组件这篇文章中,我们介绍了小程序媒体组件的使用,但是对音频组件部分讲的不够详细,本文将对音频部分做些补充。
硬盘侠
2018/11/12
17.9K0
【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )
传统 HTML 开发中 , 如果想要向网页中嵌入音频和视频 , 需要 使用 Flash 浏览器插件才能实现 ;
韩曙亮
2023/04/24
6.6K0
【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )
【愚公系列】《微信小程序与云开发从入门到实践》020-多媒体组件
在微信小程序的开发中,多媒体组件为应用增添了丰富的交互体验和视觉效果。无论是音频、视频,还是图片展示,这些多媒体元素不仅能够吸引用户的注意力,还能有效传达信息和情感。随着用户对内容质量和互动性的要求不断提高,掌握多媒体组件的使用显得尤为重要。
愚公搬代码
2025/01/17
2240
推荐阅读
相关推荐
HTML5视频与音频
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验