📜  如何在 HTML5 中向音频添加控件?

📅  最后修改于: 2021-10-29 06:12:15             🧑  作者: Mango

HTML 属性用于指定播放音频的控件,这意味着它允许将带有音频控件的 HTML5 音乐播放器直接嵌入到网页中。

当前 HTML5 最常用的ogg、mp3wav作为音频标签中的音频格式,因为浏览器对它们的支持不同,例如,Firefox 在不使用插件的情况下不支持 MP3。

句法:

从上面的语法控件属性添加音频控件,如播放、暂停和音量,并且 元素允许您指定替代音频文件。

音频标签主要支持 5 个属性,如下所示:

  1. autoplay :使音频自动开始播放,无需等待整个音频文件下载完成。
  2. 循环:通过循环,您可以一次又一次地播放音频。
  3. muted :默认情况下使播放器静音。
  4. preload :这可以设置为以下值。
    • auto :这意味着文件是否应该在页面加载后立即加载。
    • metadata :这意味着是否应该只加载元数据、曲目标题等。
    • none :这意味着当页面加载时浏览器不应加载文件。
  5. src:这定义了应该由音频标签播放的音乐的 url。

示例 1:使用 下面代码中的src 属性。

HTML
 
 
  
 
  

      GeeksforGeeks    

       

      HTML Audio controls Attribute    

    
             


HTML
 
 
  
 
  

      GeeksforGeeks    

       

      HTML Audio controls Attribute    

    
             


输出:

示例 2:使用自动播放 属性自动播放音频。

HTML

 
 
  
 
  

      GeeksforGeeks    

       

      HTML Audio controls Attribute    

    
             

输出: