首页 > 其他分享 >2024.12.4

2024.12.4

时间:2025-01-07 22:46:05浏览次数:1  
标签:2024.12 浏览器 音频 元素 音频文件 HTML5 播放

HTML5 Audio(音频)


HTML5 提供了播放音频文件的标准。


互联网上的音频

直到现在,仍然不存在一项旨在网页上播放音频的标准。

今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素.

注意: Internet Explorer 8 及更早IE版本不支持 <audio> 元素.


HTML5 Audio - 如何工作

如需在 HTML5 中播放音频,你需要使用以下代码:

实例

<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>

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

在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本 。

<audio> 元素允许使用多个 <source> 元素. <source> 元素可以链接不同的音频文件,浏览器将使用第一个支持的音频文件

标签:2024.12,浏览器,音频,元素,音频文件,HTML5,播放
From: https://www.cnblogs.com/my0326/p/18658586

相关文章

  • 2024.12.3
    视频格式格式MIME-typeMP4video/mp4WebMvideo/webmOggvideo/oggHTML5<video>-使用DOM进行控制HTML5<video>和<audio>元素同样拥有方法、属性和事件。<video>和<audio>元素的方法、属性和事件可以使用JavaScript进行控制.其中的方法用于播放、暂......
  • 2024.12.2
    <video>元素提供了播放、暂停和音量控件来控制视频。同时<video>元素也提供了width和height属性控制视频的尺寸.如果设置的高度和宽度,所需的视频空间会在页面加载时保留。如果没有设置这些属性,浏览器不知道大小的视频,浏览器就不能再加载时保留特定的空间,页面就会根据原始......
  • 2024.12.6
    HTML 字符集要正确显示一个HTML页面,浏览器必须知道要使用的字符集(字符编码)。HTML字符集在HTML中,正确的字符编码是什么?HTML5中默认的字符编码是UTF-8。这并非总是如此。早期网络的字符编码是ASCII码。后来,从HTML2.0到HTML4.01,ISO-8859-1被认定为标准。随......
  • 2024.12.5
    音频格式及浏览器支持目前,<audio>元素支持三种音频格式文件:MP3,Wav,和Ogg:浏览器MP3WavOggInternetExplorer9+YESNONOChrome6+YESYESYESFirefox3.6+YESYESYESSafari5+YESYESNOOpera10+YESYESYES音频格式的MIME类型FormatMI......
  • 2024.12做题记录
    这个月都在颓没做什么题()P6477[NOIOnline#2提高组]子序列问题枚举\(r\),每次计算出\(\sum\limits_{l=1}^{r}f(l,r)^2\)。考虑使用线段树维护对于每个\(l\in[1,n]\),\(f(l,r)^2\),设这个值为\(v_i\)。用\(lst_i\)表示上一个\(a_i\)出现的位置,没有为0。当\(r\)往......
  • 2024.12.27
    职业规划报告邵悦玲石家庄铁道大学,软件工程摘要:随着信息技术的迅猛发展,IT行业已经成为全球经济的重要支柱。越来越多的大学生进入这一行业,面临着技术更新速度快、竞争激烈等挑战。因此,制定一份清晰且务实的职业规划显得尤为重要。本报告通过分析当前IT就业环境,结合大学生在校期......
  • 2024.12.25
    软件企业人才需求与培养策略的研究邵悦玲石家庄铁道大学,软件工程摘要:随着信息技术的飞速发展,软件行业在全球经济中占据了越来越重要的位置。特别是在人工智能、大数据、云计算、区块链等技术的推动下,软件企业对于高端技术人才的需求呈现出爆发式增长。然而,由于技术更新换代的迅......
  • 2024.12.26
    软件企业产品技术管理:创新、挑战与优化策略邵悦玲石家庄铁道大学,软件工程摘要: 本文深入探讨软件企业产品技术管理的多方面内容。首先阐述软件企业产品技术管理的重要性,包括对企业竞争力和可持续发展的关键作用。接着详细分析产品技术管理涵盖的主要内容,如技术研发管理、技术应......
  • 2024.12.30
    《程序员修炼之道》这本书为程序员的成长提供了全方位的指引。读完它,我对编程有了全新的认识。书中强调了代码的质量和可维护性。它指出编写代码并非仅仅实现功能,更要注重代码的整洁与高效。例如,通过编写简洁的代码,不仅能提高代码的可读性,还能减少潜在的错误。书中提到的“代码......
  • 2024.12.29
    《代码大全2》是一本极具价值的编程书籍,它为软件开发人员提供了丰富的知识和经验。阅读完这本书,我深受启发。书中对代码的各种方面进行了深入的探讨,从代码的设计到具体的实现,都给出了详细的指导。它强调了代码的可读性和可维护性,这让我明白写代码不仅仅是实现功能,更要注重代码的......