HTＭＬ５实践篇之audio

最新推荐文章于 2024-09-30 15:23:15 发布

weixin_30824479

最新推荐文章于 2024-09-30 15:23:15 发布

阅读量100

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/swan1014/p/7508885.html

版权

来实践动手音频播放器吧，先看看样图

视频与音频某些属性与方法是共同的，直接上代码吧

<!DOCTYPE>
<html>
    <head>
        <title>html 音频播放器</title>
        <meta charset="utf-8">
        <style>
         #music{
            width:400px;
            height: 50px;
            border: 1px solid #000000;
            background: #0e79d8;
        }
        .part{
            width:400px;
            height: 50px;
            margin: 20 auto;
        }
        </style>
        <script type="text/javascript">
           var audio = document.getElementById("music");
        </script>
    </head>
    <body>
       <div class="part">
          <audio id="music" src="./mp3/五月天 - 小太阳.mp3" controls>
          </audio>
       </div>
    </body>
</html>

　　这里音频的格式我用的是MP3的，看看音频有哪三种格式