zhangkun
/
ditie2.0_web


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>听取录音</title>

    <link href="/Content/layui/css/layui.css" rel="stylesheet" />
    <link href="/Content/css/public.css" rel="stylesheet" />
    <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
    <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
    <script src="/Content/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/Content/layui/layui.js"></script>
    <script type="text/javascript" src="/Content/js/download.js"></script>
    
    <script type="text/javascript">
        function LoadList() {
            var audioUrl = "@Model.downpath"
            var strFileName = audioUrl.substring((audioUrl.lastIndexOf('/') + 1));
						downloadUrl(audioUrl, strFileName);
            
        }
        function downloadUrl(audioUrl, strFileName) {
          var x = new XMLHttpRequest();
          x.open("GET", audioUrl, true);
          x.responseType = 'blob';
          x.onload = function(e) {
            download(x.response, strFileName);
          }
          x.send();
        }

        function PlayUrl(url) {
            document.getElementById("divPlist").innerHTML = "<embed id=\"embedPlay\" type=\"audio/mp3\" src=\"" + url + "\" autostart=\"true\" loop=\"false\" />";
        }
        function OpenPlayUrl(url) {
            window.open(url, "_blank", "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes");
        }
        function Init() {
            var strpath = document.getElementById("txtPath").value;
            if(strpath){
                var arr = strpath.split('^');
                var html = "点击播放<br />";
                for (var i = 0; i < arr.length; i++) {
                    var c = i + 1;
                    if (i == 0) {
                        PlayUrl(arr[i]);
                    }
                    html += "<span onclick='OpenPlayUrl(\"" + arr[i]+"\")'>"+c + "、" + arr[i]+"</span><br />";
                }
            } else{
                html = "暂无留言"
                $("#embedText").show()
                $("#embedPlay").hide()
            }
            
            document.getElementById("divFileList").innerHTML = html;
        }
    </script>
</head>
<body onload="Init();" class="childrenBody">
    <div class="layui-fluid">
        <div class=" layui-col-space15">

            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space15 searchfilter">
                        <div id="divPlist" class="layui-col-md12">
                            <embed id="embedPlay" type="audio/mp3" src="" autostart="true" loop="false" />
                            <div id="embedText" style="display: none; height:120px; padding:20px">无留言</div>
                        </div>
                        <div class="layui-col-md12">
                            <input id="txtPath" value="@Model.downpath" style="display:none;" />
                            <div id="divFileList">@Model.downpath</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card layui-form">
                <div class="layui-card-body layui-row layui-col-space10" style="text-align:center;">

                     @*<a  class="layui-btn" href="http://121.196.219.217:9009/20201127/1012/45136_1_183808.wav" download="w3logo">
                    <a  class="layui-btn" href="http://121.196.219.217:9009/20201127/1012/54949_1012_152225.mp3" download="w3logo"> 
                      <i class="layui-icon">&#xe601;  下载</i>
                    </a>*@

                    <button class="layui-btn" data-type="reload" onclick="LoadList();">
                        <i class="layui-icon">&#xe601;  下载</i>
                    </button>

                    <iframe id="frameTelList" src="" width="0" height="0" style="display:none;" frameborder="0"></iframe>
                </div>
            </div>
        </div>
    </div>
</body>
</html>