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>

    完成后市是这个样子的:

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

    就这样了,明天继续!

  • 相关阅读:
    POJ 1163 状态转移
    POJ 1143 记忆化搜索+博弈论
    POJ 1083
    POJ 1018
    HDU 3572 Dinic
    HDU 3549 Dinic
    配置JDK环境变量配置及path和classpath的作用
    frameset 框架整体退出登录的问题
    java计算时间差及比较时间大小(转)
    Android—Http连接之GET/POST请求
  • 原文地址:https://www.cnblogs.com/kulowreidyql/p/5736800.html
Copyright © 2011-2022 走看看