• 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>

    完成后市是这个样子的:

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

    就这样了,明天继续!

  • 相关阅读:
    阅读笔记2
    阅读笔记1
    学习进度条
    第二阶段冲刺第七天站立会议
    第二阶段冲刺第六天站立会议
    第二阶段冲刺第五天站立会议
    阅读笔记4
    第二阶段冲刺第四天站立会议
    第一阶段意见评论
    第12周学习进度总结
  • 原文地址:https://www.cnblogs.com/kulowreidyql/p/5736800.html
Copyright © 2020-2023  润新知