html 播放音频文件

在 html 上播放音频文件 – audio

<div class="navbar-fixed-bottom" style="margin-left: 75%;">
    <select class="form-control" style="width: 300px" id="xuanze" onchange="changeAv()">
        <option value="0">选择录音文件</option>
    </select>
    <audio src="" controls="controls" style="height: 46px;" id="aaa" preload="load"></audio>
</div>

<script>
    function changeAv() {
        var url = $('#xuanze').val();
        $('#aaa').attr("src", url);
    }
 //加载录音文件
        $.ajax({
            url: "/family/familyPicture/selectMusic",
            type: "post",
            cache: false,
            traditional: true,
            data: {
                userId: $('#userId').val()
            },
            success: function (result) {
                if (result != null) {
                    var arr = eval(result);
                    for (var i = 0, len = arr.data.length; i < len; i++) {
                        var name = arr.data[i].avName;
                        var id = arr.data[i].pictureUrl;
                        var sel = document.getElementById("xuanze");//获取下拉选对象
                        var option = new Option(name, id);
                        sel.options.add(option);
                    }
                }
                return;
            }

        });

    </script>