0052 html5多媒体音频标签audio

多媒体音频标签audio
  1. 多媒体标签有两个,分别是

    • 音频 -- audio
    • 视频 -- video
  2. audio 标签说明

    • 可以在不使用标签的情况下,也能够原生的支持音频格式文件的播放,
    • 但是:播放格式是有限的
  3. audio 支持的音频格式

    • audio 目前支持三种格式
  4. audio 的参数
    在这里插入图片描述

5、audio 代码演示

<body>
  <!-- 注意:在 chrome 浏览器中已经禁用了 autoplay 属性 -->
  <!-- <audio src="./media/snow.mp3" controls autoplay></audio> -->

  <!-- 
    因为不同浏览器支持不同的格式,所以我们采取的方案是这个音频准备多个文件
   -->
  <audio controls>
    <source src="./media/snow.mp3" type="audio/mpeg" />  <!-- mp3的m + peg -->
  </audio>
</body>
    <!-- <audio src="media/snow.mp3" controls="controls"></audio> -->
    <audio controls="controls">
        <source src="media/snow.mp3" type="audio/mpeg" />
        <source src="media/snow.ogg" type="audio/ogg" />
            您的浏览器不支持播放声音
    </audio>

在这里插入图片描述


原文地址:https://www.cnblogs.com/jianjie/p/12127091.html