zoukankan      html  css  js  c++  java
  • HTML5选择音频自动播放样式

    昨天编写了HTML5的音频播放样式,今天编写一个特别简单的音频播放样式,选择文件后自动播放:

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title>选择音频自动播放</title>
    </head>
    <body>
    <audio controls autoplay loop>
    <source src="music/莫斯科没有眼泪(钢琴曲).mp3" type="audio/mp3">
    </audio>
    <p>
    <select onclick="getinfo()" name="sel" id="sel" size="8" style=" 300px;">
    <option>莫斯科没有眼泪(钢琴曲).mp3</option>
    <option>陆展博最后表白插曲.mp3</option>
    <option>平凡之路(纯音乐).mp3</option>
    <option>霞光(伴奏).mp3</option>
    <option>治礼亚.mp3</option>
    <option>霞光.mp3</option>
    </select>
    </p>
    <script>
    function getinfo(){
    document.getElementsByTagName("audio")[0].getElementsByTagName("source")[0].src = "music/"+document.getElementById("sel").value;
    document.getElementsByTagName("audio")[0].load();
    document.getElementsByTagName("audio")[0].play();
    }
    </script>
    </body>
    </html>

    完成后市是这个样子的:

    可以选择文件后自动进行播放!

    就这样了,明天继续!

  • 相关阅读:
    冲刺一(5)
    冲刺一(4)
    冲刺一(3)
    构建之法阅读笔记之二
    冲刺一(2)
    冲刺一(1)
    第9周总结
    热词顶会分析
    第8周总结
    构建之法阅读笔记之一
  • 原文地址:https://www.cnblogs.com/kulowreidyql/p/5736800.html
Copyright © 2011-2022 走看看