地铁二期项目正式开始

VoicePlay.cshtml 3.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>听取录音</title>
  6. <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  7. <link href="/Content/css/public.css" rel="stylesheet" />
  8. <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
  9. <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
  10. <script src="/Content/js/jquery-1.8.3.min.js"></script>
  11. <script type="text/javascript" src="/Content/layui/layui.js"></script>
  12. <script type="text/javascript">
  13. function LoadList() {
  14. //window.open(document.getElementById("WindowsMediaPlayer1").URL);
  15. document.getElementById("frameTelList").src = "@Model.downpath";
  16. }
  17. function PlayUrl(url) {
  18. document.getElementById("divPlist").innerHTML = "<embed id=\"embedPlay\" type=\"audio/mp3\" src=\"" + url + "\" autostart=\"true\" loop=\"false\" />";
  19. }
  20. function OpenPlayUrl(url) {
  21. window.open(url, "_blank", "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes");
  22. }
  23. function Init() {
  24. var strpath = document.getElementById("txtPath").value;
  25. var arr = strpath.split('^');
  26. var html = "点击播放<br />";
  27. for (var i = 0; i < arr.length; i++) {
  28. var c = i + 1;
  29. if (i == 0) {
  30. PlayUrl(arr[i]);
  31. }
  32. html += "<span onclick='OpenPlayUrl(\"" + arr[i]+"\")'>"+c + "、" + arr[i]+"</span><br />";
  33. }
  34. document.getElementById("divFileList").innerHTML = html;
  35. }
  36. </script>
  37. </head>
  38. <body onload="Init();" class="childrenBody">
  39. <div class="layui-fluid">
  40. <div class=" layui-col-space15">
  41. <div class="layui-card">
  42. <div class="layui-card-body">
  43. <div class="layui-row layui-col-space15 searchfilter">
  44. <div id="divPlist" class="layui-col-md12">
  45. <embed id="embedPlay" type="audio/mp3" src="" autostart="true" loop="false" />
  46. </div>
  47. <div class="layui-col-md12">
  48. <input id="txtPath" value="@Model.downpath" style="display:none;" />
  49. <div id="divFileList">@Model.downpath</div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="layui-card layui-form">
  55. <div class="layui-card-body layui-row layui-col-space10" style="text-align:center;">
  56. <button class="layui-btn" data-type="reload" onclick="LoadList();">
  57. <i class="layui-icon">&#xe601; 下载</i>
  58. </button><iframe id="frameTelList" src="" width="0" height="0" style="display:none;" frameborder="0"></iframe>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </body>
  64. </html>