当前位置: 首页 > article >正文

【前端】html学习记录

文章目录

  • 1. 标签
  • 1.1 `<audio>`

1. 标签

1.1 <audio>

https://gzweb.iaw.cn/wangyesheji/92.html

嵌入音频内容,如音乐、歌曲、音效等
属性

  • src: src 属性的值包含了嵌入音频的文件路径。
  • controls: 如果 controls 属性被声明,浏览器将提供一个包含声音、播放进度、播放暂停的控制面板,让用户可以控制音频的播放。
  • autoplay: 如果 autoplay 属性被声明,音频会尽快自动播放,不会等待整个音频文件下载完成。(Chrome 浏览器不能自动播放 ;IE 等其它浏览器可以自动播放 ; )
  • loop: 如果 loop 属性被声明,将循环播放音频。
  • muted: 如果 muted 属性被声明,音频将被静音。
  • preload: preload 属性的值示意了浏览器使用何种加载方式以达到最好的用户体验。它的值可以是 none (音频不会被缓存)、 meta (获取例如音频长度的音频元数据)或 auto (整个音频都将被加载)。如果
  • autoplay 属性已经被声明时, preload 属性将被忽略。
  • disableRemotePlayback: 如果 disableRemotePlayback 属性被声明,浏览器将禁用远程设备上进行进度控制的能力。
<audio src="./static/mp3/aa.mp3" controls>
</audio>
<audio id="myAudio" controls loop preload="auto">
    <source src="music.mp3" type="audio/mpeg">
    <source src="music.ogg" type="audio/ogg">
    互广提醒您,您的浏览器不支持音频播放。
  </audio>
####
<source> 元素:
用于为 <audio> 标签提供多个不同格式的音频源,以便浏览器根据自身支持的格式选择合适的音频进行播放。

http://www.kler.cn/a/440906.html

相关文章:

  • Nginx-rtmp-module 模块应用
  • css常用属性有哪些
  • 3D视觉[一]3D计算机视觉
  • 高防CDN 如何防止DDoS和CC攻击?
  • 【工具】使用 Gin 集成 pprof 进行性能调优
  • WebRTC服务质量(05)- 重传机制(02) NACK判断丢包
  • 基于MATLAB 的数字图像处理技术总结
  • 贪心算法(二)
  • 设计模式学习[12]---观察者模式
  • Element plus 下拉框组件选中一个选项后显示的是 value 而不是 label
  • 当服务器数据包丢失该怎样进行解决?
  • pikachu-xss通关和beef联动
  • 等值 JOIN 的分类(JOIN 简化与提速系列 2)
  • 【网络云计算】2024第50周-每日【2024/12/13】小测-理论-写10个Bash Shell脚本-解析
  • SpringBoot配置和启动
  • Linux docker-20.10.9安装
  • 如何实现序列化和反序列化?如何处理对象的生命周期管理?
  • 马克笔习惯养成法:用色彩记录你的成就
  • JS设计模式之中介者模式
  • 数字信号处理--过采样